的CSS - 跨瀏覽器的造型問題 - 導航欄

Question

我一直令人頭大，我怎麼能解決這個問題，我的大腦，但我不知道怎樣做才能解決呢？

的問題是，在Chrome瀏覽器中，我的導航和CSS樣式完美地工作，但在其他瀏覽器中，它看起來全部都開着。

在Chrome上 - 看起來正確！

在IE-我失去了導航欄的樣式

在Firefox - 導航欄是存在的，但沒有一個網站的圖片都顯示出來

我的網站是在這裏：在

謝謝提前。

Answer 1

我立即看到一些問題。您的圖像沒有顯示，因爲相對路徑格式不正確。你有「imgVideoTagger \ CenterCredits.png」（帶有反斜槓）。它應該是一個前鋒。另外，對於HTML中的寬度和高度屬性，它應該只是數字，所以應該是「315」，而不是「315px」。

您還有一些基本的HTML錯誤，例如雜散結束標記。

爲了調試你的問題，我建議使用W3C HTML驗證服務：http://validator.w3.org/

解決您發現錯誤有可能解決您的資產淨值問題在IE中也是如此。

此外 - 由於您聲明瞭您的頁面HTML 5，因此我建議您利用更多HTML5語義善意，放棄任何折舊標籤（如<center>）以及使用諸如modernizr之類的東西，以便IE可以識別這些較新的元素。由於<nav>是HTML5標記，因此這也可能有助於導航。