3

http://blog.helpcurenow.org

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

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

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

我不知道为什么 - 任何想法?

谢谢!!

4

4 回答 4

12

您的页面在 IE 中以Quirks 模式呈现,因为您有评论:

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

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

如果您删除该注释,或将其移到 DOCTYPE 之后,它会完美运行。

于 2009-11-10T21:45:20.577 回答
4

摆脱"<!--HOSTURL:blog.helpcurenow.org--><!--HOSTURL:blog.helpcurenow.org-->"顶部的评论。doctype 必须是 HTTP 标头之后的第一件事,否则 IE 会进入 quirks 模式(并且不理解“margin: auto”爵士乐)。

于 2009-11-10T21:44:27.903 回答
0

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

再次感谢 !

于 2012-05-22T16:36:20.213 回答
0

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

于 2012-07-02T09:50:28.813 回答