爲什麼Internet Explorer將我的內容推到邊欄下方？

Question

嗨大家，

我有一個頁面，顯示在Firefox和Chrome瀏覽器很好。然而，它被推過欄底部的內容在Internet Explorer 8（好像我有一個明確的）（我沒有測試任何其他的IE版本）。有誰知道如何解決這一問題？

頁位於here

感謝，

Lemiant

Answer 1

你缺少doctype爲你的頁面。沒有它，IE將恢復到quirks mode，這實質上是IE 5.5的渲染引擎。

什麼您看到的是IE不正確的計算寬度爲您的元素，見here對IE 6和舊版本如何實現寬度的描述。

Answer 2

出於某種原因，仍然是個謎對我來說，IE認爲＃內容元素的寬度大於它應該是。 此代碼的伎倆對我來說：

#content { 
    line-height: 18px; 
    margin-right: 250px; 
    width: 550px; 
    width: 497px\9; 
} 

這使得所有的瀏覽器使用的550px寬度，而IE瀏覽器（所有版本），497px，這似乎是它接受THA最大。哈克，但它的工作原理：d

編輯：你錯過了！DOCTYPE。這可能是原因。