ie7和ie8忽略“margin：0px auto;”

Question

http://blog.helpcurenow.org

我正在开发这个博客，似乎ie7和ie8都显示内容，以便容器似乎忽略了“margin：0px auto;”规则。

它可能是我没有得到的其他东西，但无论哪种方式，效果是内容（以及导航链接）由于某种原因浮动到左侧。

奇怪的是a）它在Firefox或Safari中根本没有出现 - 好吧，真的很奇怪吗？和b）它不是孤立的ie7，似乎ie8也是这样做的。

我没有任何原因 - 任何想法？

谢谢！

Answer 1

您的网页在IE中的Quirks Mode呈现，因为您有评论：

<!--HOSTURL:blog.helpcurenow.org--><!--HOSTURL:blog.helpcurenow.org-->

在<!DOCTYPE ...>之前

。 DOCTYPE需要是文档中的第一件事，否则IE会忽略它。

如果您删除该评论，或在DOCTYPE之后移动该评论，则效果非常好。

Answer 2

摆脱顶部的"<!--HOSTURL:blog.helpcurenow.org--><!--HOSTURL:blog.helpcurenow.org-->"评论。 doctype需要是HTTP头之后的第一件事，或IE进入怪癖模式（并且不理解“margin：auto”爵士乐）。

Answer 3

RichieHindle - 非常感谢！我在我的网站上添加了一个静态主页，并在get_header（）调用之前错误地链接到我的自定义样式表！这显然导致了您描述的问题。在我看到你的帖子之前花了2到3个小时。

再次感谢！

Answer 4

虽然以上显然是理想的答案，但对于一些较旧且较为模糊的浏览器，唯一的解决方法是使用文本对齐中心重置。例如，如果要将960px容器放置在窗口的中心，可以将文本对齐中心放在100％宽度的包装上，然后在960px容器上留下文本对齐。