div在不同的浏览器上显示不同

Question

此页在Firefox上显示完美，但在IE &铬：http://camethra.com/?p=76上出现了不同的错误。

在IE上：整个容器div是右对齐的。

on chrome：帖子重叠到评论部分。

你能帮我解决吗？

谢谢

Answer 1

其他的答案是正确的，但也不能令人信服。

您的页面在IE中呈现在Quirks Mode中，这就是为什么它在此浏览器中看起来破损。

你得到Quirks模式的原因是两个UTF-8 byte order marks你的文件的开头：

ef bb bf ef bb bf 3c 21 44 4f 43 
. . . . . . < ! D O C 

你需要保存文件没有这个。它应该是你使用的任何编辑器的一个选项。

要解决浏览器，您应该修复validation errors，这样特别的：

end tag for "ul" which is not finished 

Answer 2

对于IE：删除doctype之前的空格。它会导致IE回退到怪癖模式。

通常：Fix the markup errors第一。

Answer 3

在IE8中，您的文档正在以怪癖模式进行查看。 （在IE8中打开页面，按F12进入IE的开发工具，IE当前选择的文档模式位于右上角）。您可能有一些XHTML或CSS，IE认为这是无效的，导致它默认呈现为怪癖模式。

http://www.quirksmode.org/css/quirksmode.html