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

回答

相關問題