div在不同的瀏覽器上顯示不同

Question

此頁在Firefox上顯示完美，但在IE &鉻：http://camethra.com/?p=76上出現了不同的錯誤。

在IE上：整個容器div是右對齊的。

on chrome：帖子重疊到評論部分。

你能幫我解決嗎？

謝謝

Answer 1

其他的答案是正確的，但也不能令人信服。

您的頁面在IE中呈現在Quirks Mode中，這就是爲什麼它在此瀏覽器中看起來破損。

你得到Quirks模式的原因是兩個UTF-8 byte order marks你的文件的開頭：

ef bb bf ef bb bf 3c 21 44 4f 43 
. . . . . . < ! D O C 

你需要保存文件沒有這個。它應該是你使用的任何編輯器的一個選項。

要解決瀏覽器，您應該修復validation errors，這樣特別的：

end tag for "ul" which is not finished 

Answer 2

對於IE：刪除doctype之前的空格。它會導致IE回退到怪癖模式。

通常：Fix the markup errors第一。

Answer 3

在IE8中，您的文檔正在以怪癖模式進行查看。 （在IE8中打開頁面，按F12進入IE的開發工具，IE當前選擇的文檔模式位於右上角）。您可能有一些XHTML或CSS，IE認爲這是無效的，導致它默認呈現爲怪癖模式。

http://www.quirksmode.org/css/quirksmode.html