網頁可在IE和FF中使用，但不適用於Chrome或Safari

Question

有人可以告訴我我可能做錯了什么。 以下頁面在IE8和FireFox中可以正常工作，但是CSS和CSS元素似乎在Chrome和Safari中並未受到尊重。 謝謝。

頁面位於： http : //www.diabetesgoaltracker.com/home.html

Answer 1

當我使用W3的CSS驗證器驗證CSS時，出現以下錯誤：

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

這可能表明服務器錯誤導致Chrome無法正常運行。 看看這個線程：

http://www.sitepoint.com/forums/showthread.php?t=461039

（也請檢查您的CSS。在該處應該有div＃navigation，而應該只是#navigation。）

Answer 2

這是我要做的：

首先，DIV #navigation ，圍繞UL包#navlist是多余的。 就像將div設置為ul並完全失去div一樣，對ul進行樣式設置即可。

其次，我會讓ul向左浮動。 然后，我將使內容div向左浮動並失去邊距。 確保#container overflow:hidden; 只要您設置ul的寬度和content div，它在所有瀏覽器中都應該看起來不錯。

實際上，我對它在Chrome中的顯示方式感到困惑。在我對其進行更多研究時，我將更新此答案。

更新

chrome中的用戶代理將ul display: block; 您應該添加一個重置樣式表，以將所有瀏覽器置於相同的位置。 不過，如果您遵循我的上述建議，那將不是直接的問題。 讓我知道您是否需要我使用的一組重置規則。