我正在开发这个博客,似乎 ie7 和 ie8 都在显示内容,因此容器似乎忽略了“margin:0px auto;” 规则。
这可能是我没有得到的其他东西,但无论哪种方式,结果都是内容(以及导航链接)由于某种原因浮动到左侧。
奇怪的是 a) 它在 Firefox 或 Safari 中根本没有发生 - 好吧,真的那么奇怪吗?b) 它并不孤立于 ie7,似乎 ie8 也在这样做。
我不知道为什么 - 任何想法?
谢谢!!
我正在开发这个博客,似乎 ie7 和 ie8 都在显示内容,因此容器似乎忽略了“margin:0px auto;” 规则。
这可能是我没有得到的其他东西,但无论哪种方式,结果都是内容(以及导航链接)由于某种原因浮动到左侧。
奇怪的是 a) 它在 Firefox 或 Safari 中根本没有发生 - 好吧,真的那么奇怪吗?b) 它并不孤立于 ie7,似乎 ie8 也在这样做。
我不知道为什么 - 任何想法?
谢谢!!
您的页面在 IE 中以Quirks 模式呈现,因为您有评论:
<!--HOSTURL:blog.helpcurenow.org--><!--HOSTURL:blog.helpcurenow.org-->
之前<!DOCTYPE ...>
。DOCTYPE 必须是文档中的第一件事,否则 IE 将忽略它。
如果您删除该注释,或将其移到 DOCTYPE 之后,它会完美运行。
摆脱"<!--HOSTURL:blog.helpcurenow.org--><!--HOSTURL:blog.helpcurenow.org-->"
顶部的评论。doctype 必须是 HTTP 标头之后的第一件事,否则 IE 会进入 quirks 模式(并且不理解“margin: auto”爵士乐)。
RichieHindle - 非常感谢!我正在向我的网站添加一个静态主页,并在 get_header() 调用之前错误地链接到我的自定义样式表!这显然导致了您描述的问题。在我看到你的帖子之前花了两三个小时。
再次感谢 !
虽然上述显然是理想的答案,但对于一些较旧且更晦涩的浏览器,唯一的解决方法是使用文本对齐中心重置。例如,如果你想在窗口的中心放置一个 960px 的容器,你可以将 text-align center 放在 100% 宽度的包装上,然后 text-align left 在 960px 的容器上。