3

http://blog.helpcurenow.orgie7和ie8忽略“margin:0px auto;”

我工作的这个博客的发展,似乎IE7和IE8使容器似乎被忽略了两者都显示内容“保证金:0px auto的;”规则。

它可能是别的我只是没有得到,但无论哪种方式的效果是,内容(以及导航链接)由于某种原因左侧浮动。

奇怪的是,a)它在Firefox或Safari中根本没有发生 - 好吧,真的很奇怪吗?和b)它不是与ie7隔离,似乎ie8也在这样做。

我没有CLUE为什么 - 任何想法?

谢谢!

回答

12

你的网页在IE Quirks Mode渲染,因为你有一个评论:

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

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

如果您删除该评论,或在DOCTYPE后面移动它,它可以很好地工作。

+0

太棒了 - 确实解决了这个问题。谢谢!!! – 2009-11-11 14:08:26

4

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

0

RichieHindle - 非常感谢!我在我的网站上添加了一个静态主页,并且在get_header()调用之前发生了链接到我的自定义样式表的错误!这显然造成了你所描述的问题。在我看到您的帖子之前花了2或3个小时。

再次感谢!

0

尽管上述显然是理想的答案,但对于一些较老的和更隐蔽的浏览器,唯一的解决方法是使用文本对齐中心重置。例如,如果要在窗口中央放置一个960像素的容器,可以将100%宽度包装器上的文本对齐中心,然后在960像素容器上左对齐文本。