CSS问题与IE8

制作一个新的网站，但有事情发生到它在IE8。社会酒吧对准下来，不浮右像它在所有其他的浏览器，所以它然后按下导航栏和搜索幻灯片下扎下去。我已经有html5 shiv了。CSS问题与IE8

#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？任何帮助是appreciated.c

来源

2012-06-18 kia4567

我认为IE浏览器的某些版本的布局漂浮正常（我似乎记得这并不适用于V8），他们必须先在HTML中的其他元素。

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

现代浏览器并不关心如果浮动内容来自其他内容之前或之后，但IE首先需要它。

我经常发现，内嵌块+的text-align属性是这种比花车的东西更有用。这样的事情可能会更你想要什么：

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

与这两个50％的宽直列块中的特技是标签混搭在一起 - </span><span> - 没有空格。空格将使它们包装到单独的行中。

来源

2012-06-18 19:57:02 Julian

这是。 jsfiddle.net/LL7YV – kia4567

贵小提琴看起来是正确的定期浏览器？它在IE8和Chrome中看起来是一样的。它应该怎么看？喜欢这个？ http://jsfiddle.net/euNa5/2/我将float-right元素移到了其他所有元素之上。 – Julian

感谢您的帮助，但我能解决这个问题。不确定如何，但它现在正在工作。 – kia4567

在此使用的是HTML5 即，<header></header>标签，尽量到位头的使用DIV ...

http://jsfiddle.net/LL7YV/5/

看到它在IE8的工作...

来源

2012-06-19 07:23:19 SaurabhLP

感谢您的帮助，但我能解决它。不确定如何，但它现在正在工作。 – kia4567

回答

相关问题