为什么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。这可能是原因。