div在不同的浏览器上出现不同

时间:2011-05-29 15:36:30

标签: css html

这个页面在firefox上看起来很完美,但在IE& chrome:http://camethra.com/?p=76

IE上的

:整个容器div右对齐。

Chrome上的

:帖子与评论部分重叠。

你能帮我解决这个问题吗?

谢谢

3 个答案:

答案 0 :(得分:2)

其他答案是正确的,但并不完全存在。

您的网页正在IE中的Quirks Mode呈现,这就是为什么它在这个浏览器中看起来很糟糕。

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

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

如果没有这个,您需要保存文件。它应该是你正在使用的任何编辑器中的一个选项。

要修复Chrome,您应修复validation errors,尤其是以下内容:

end tag for "ul" which is not finished

答案 1 :(得分:1)

对于IE:删除doctype之前的空格。它导致IE回退到Quirks模式。

通常:Fix the markup errors首先。

答案 2 :(得分:0)

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

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