ie7 和 ie8 忽略“margin:0px auto;”答案

【问题标题】：ie7 and ie8 ignore "margin:0px auto;"ie7 和 ie8 忽略“margin:0px auto;”
【发布时间】：2009-11-10 21:39:48
【问题描述】：

http://blog.helpcurenow.org

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

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

奇怪的是 a) 它在 Firefox 或 Safari 中根本没有发生 - 好吧，真的那么奇怪吗？并且b）它并不孤立于ie7，似乎ie8也在这样做。

我不知道为什么 - 有什么想法吗？？

谢谢！！

【问题讨论】：

标签： wordpress internet-explorer-8 internet-explorer-7 containers margins

【解决方案1】：

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

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

在<!DOCTYPE ...> 之前。 DOCTYPE 必须是文档中的第一件事，否则 IE 会忽略它。

如果您删除该评论，或将其移到 DOCTYPE 之后，它会完美运行。

【讨论】：

【解决方案2】：

去掉顶部的"" 评论。 doctype 必须是 HTTP 标头之后的第一件事，否则 IE 会进入 quirks 模式（并且不理解“margin: auto”爵士乐）。

【讨论】：

【解决方案3】：

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

再次感谢！

【讨论】：

【解决方案4】：

虽然以上显然是理想的答案，但对于一些较旧且更晦涩的浏览器，唯一的解决方法是使用文本对齐中心重置。例如，如果您想在窗口中心放置一个 960px 的容器，您可以将 text-align center 放在 100% 宽度的包装上，然后 text-align left 在 960px 的容器上。

【讨论】：