创建一个新站点,但是IE8中发生了一些事情。社交栏正在向下对齐,而不是像在所有其他浏览器中一样向下浮动,因此它将导航栏和搜索栏向下推到幻灯片下方。我已经在那里有html5 shiv了。

#header-right { width: 560px; height: 400px; margin-top: 30px; float: right; height: 189px;}
.social-widget { width: 100%; height: 46px; display: block;}
.social-widget p {float: right;}
.social-widget img {margin: 0 5px 0 5px; float: left;}
.search-widget { width: 400px; float: right;}

#banner { margin-top: 240px; clear: both; width: 1003px; margin: 0px auto;}


的HTML

<div id="header-right">

    <span class="social-widget"><?php dynamic_sidebar( 'social-media-widget' ); ?></span>

    <nav id="access" role="navigation">
        <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
    </nav><!-- #access -->

    <span class="search-widget"><?php dynamic_sidebar( 'search-widget' ); ?></span>
</div><!-- #header-right -->

</header><!-- header -->


IE8我缺少什么?任何帮助表示赞赏。c

最佳答案

我认为,对于某些版本的IE来说,它的布局浮动正确(而且我似乎还记得这确实适用于v8),它们必须在html中的其他元素之前。

<div>
  <p>Paragraph floated right</p>
  <p>Unfloated content</p>
</div>


现代浏览器不在乎浮点数是在其余内容之前还是之后,但IE首先需要它。

我经常发现,内联块+文本对齐属性对于这种事情比浮动更有用。这样的事情可能是您想要的:

http://jsfiddle.net/euNa5/17/

这两个50%宽的内联块的窍门是将标签混在一起-</span><span>-无空格。空格会使它们环绕在单独的行上。

09-10 02:51
查看更多