IE8右浮动不起作用

时间:2014-06-23 22:01:59

标签: internet-explorer-8

此div不向右浮动(它与IE8中的左边距对齐)并被切断。在IE9,10和所有其他浏览器中都很好。试着在这里搜索解决方案,但没有运气。

    <div id="main" class="wrapper">
<div id="primary" class="site-content">
<div id="content" role="main" class="homeContent">
    <article id="post-6" class="post-6 page type-page status-publish hentry">
<header class="entry-header">
<div class="entry-content">
<div id="homeinnerContent">
   <h1>Charting Client&#8217;s Financial Futures</h1>
   <div id="homeICleft">
   <p>Our mission is to help clients navigate their way through the complexities of an
ever-changing financial world.</p> 
<p>Our approach begins with listening to our clients and helping them identify their
financial goals.</p>
<p>From there, we help our clients develop a complete strategy to meet those goals
through innovative, integrated financial solutions.</p></div>
<div id="homeICright">
<div id="ctabutton1"><a href="/wealth-management/">WEALTH MANAGEMENT</a></div>
<div id="ctabutton2"><a href="/risk-management/">RISK MANAGEMENT</a></div>
</div>
</div>
</div><!-- .entry-content -->
<footer class="entry-meta">         
</footer><!-- .entry-meta -->
</article><!-- #post -->            
    </div><!-- #content -->
</div><!-- #primary -->
</div><!-- #main .wrapper -->

#homeinnerContent {
background: url(images/homeInnerBG.png) #000000 no-repeat;
width: 640px;
height: 270px;
float: right;
border: 2px solid white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 15px 0 10px 15px;
color: #FFFFFF;

}

1 个答案:

答案 0 :(得分:0)

在IE8中浮动对我来说很好用。您可能需要检查是否处于兼容模式。如果是这样,向父容器添加100%的宽度应该修复它。看看这个answer