爲什麼是正確的部分定位不同的方式在IE6

Question

在此頁面：

http://phplist.xxmn.com/node/18

在IE7和Firefox，右邊的部分（CSS類是contentsidebar）顯示正常，但在IE6，這不是」 t顯示良好。它顯示異常 - 位置在右下角。

我知道IE6已經死了，但在中國還有很多人仍在使用它。

如何更正CSS以使頁面在IE6中充分顯示？謝謝。

Answer 1

這是醜陋的罪過，但修復您的IE6的問題：

<!--[if IE 6]> 
<style> 
#leftcontent { 
    width: 660px 
} 

.bread_nav, #leftcontent .node, #leftcontent h1, #author_info { 
    width: auto !important 
} 
</style> 
<![endif]--> 

（如果你願意，你可以把這個在其自己的樣式表請確保它是最後一個。）

這個想法是將#leftcontent的寬度設置得小一些，然後在#leftcontent到auto之間的元素上覆蓋您擁有的width: 668px的所有百萬個不同實例（這些無關寬度對於任何瀏覽器都是不需要的）寬度。

@夏默對改變周圍的寬度有正確的想法，她只是缺少具體細節。

Answer 2

看起來像寬度問題給我。 IE6認爲右邊欄太寬，所以它會將內容框移到之前的浮動框之下（即在主要內容之下）。 div class =「contentsidebar」的寬度爲300--嘗試將其更改爲295px或290px，然後查看是否解決了該問題。