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像素容器上左對齊文本。