IE6佈局問題 - 應該是非常簡單的

Question

我正在爲自己構建一個簡單的HTML/CSS模板，它是here，並且它在除IE6以外的所有應用程序中都很棒。在IE6中，側邊欄被壓到底部，這告訴我IE的寬度是錯誤的。

#wrapper div是940px寬。 #mainContent div寬度爲730px #sidebar div寬度爲209px。

730px + 209px = 939px我不使用這些div的填充，邊距或邊框...所以我不認爲它的盒模型問題

。

任何人都知道爲什麼IE6打破？我添加了IE7 Javascript Code修復程序，但不幸的是我無法看到它是否能正常工作，因爲Adobe Browser Lab和Netrenderer不會提取ja​​vascript。

如果你可以彈出Firebug並查看template我相信你們中有些人可以馬上發現有什麼問題。

由於一噸

Answer 1

參見：http://jsbin.com/itolaw/5

我加float: left到#sidebar，並position: relative到#mainContent。我也刪除了IE7.js。

我已經使用IE NetRenderer在IE6中測試了它，正如你在你的問題中提到的那樣。

Answer 2

我建議明確設定每個對象，通常IE6下解決問題的寬度（請記住，物體的外寬度爲width + margin + padding，所以當你計算所需的寬度考慮到這一點）。

看來你是使用填充。