頁面可在IE和FF中使用，但不能在Chrome或Safari中使用

有人可以告訴我我可能會做錯什麼。下面的頁面在IE8和FireFox中運行正常，但CSS中的元素似乎沒有在Chrome和Safari中受到尊重。謝謝。頁面可在IE和FF中使用，但不能在Chrome或Safari中使用

-1

這裏就是我想要做的：

首先，該UL #navlist周圍包裹在div #navigation是多餘的。只需像你的div一樣設計ul，就完全失去了div。

其次，我會讓ul浮起來。然後我會讓內容div浮動並丟失邊距。確保#container是overflow:hidden;只要你設置ul和內容div的寬度，它應該在所有瀏覽器中看起來不錯。

我真的很困惑，它看起來像它在Chrome中的做法...我會更新這個答案，因爲我更多地檢查它。

UPDATE

在鍍鉻風格display: block;您應該添加一個復位樣式表把所有的瀏覽器在相同的基礎UL的用戶代理。雖然，如果你遵循我的上述建議，這不會是一個直接的問題。讓我知道你是否需要一套我使用的重置規則。

2010-09-20 23:11:05 Stephen

我應該在原來的問題已經提到這一點，但如果我刪除了DOCTYPE行（我知道這是一個禁止行），它在除IE8之外的所有行爲都很好，我似乎有一個清除/浮動問題，右側的內容在左側導航結束後開始。 – 2010-09-20 23:13:49

你應該聽取Computerish的回答並檢查你的服務器配置。 – Stephen 2010-09-20 23:30:41

我用/>而不是>結束了DOCTYPE，並且所有瀏覽器中的一切看起來都很好。我同意這一定是服務器問題。 – 2010-09-20 23:42:04

當我驗證你的CSS與W3的CSS驗證我得到這個錯誤：

I/O Error: Unknown mime type : */*

這可能表明該扔的Chrome關閉服務器錯誤。看看這個線程：（。也可以通過你的CSS檢查你有沒有股利＃導航，它應該只是#navigation）

2010-09-20 23:13:49 Computerish

+1進行良好的調查。 – Stephen 2010-09-20 23:17:31

我沒有得到那個錯誤。我得到了恭喜......驗證爲CSS級別2.1。請別人試試吧。 – 2010-09-20 23:24:28

當我檢查我的標題時，我肯定會得到一個內容類型'*/*'而不是內容類型'text/css'，所以這是正確的。 – Stephen 2010-09-20 23:29:23

回答