網站菜單在Windows上的所有瀏覽器上看起來不錯，但在Mac OS上出現中斷

Question

我從未遇到過這個問題。

該菜單在Windows上看起來不錯，但在Mac OS上的Firefox，Chrome和Safari中出現故障（通過使用瀏覽器查看）。我無法訪問Mac，因此無法正確調試它。我認爲這可能是由不同的字母間距或大小造成的。有人對此有經驗嗎？

謝謝！

Answer 1

我在mac上查看firefox中的網站，它看起來像id =「wrapper」的div不夠長，無法包含菜單。

要麼增加的div＃包裝到960像素：

#wrapper { 
margin:0 auto; 
width:980px; 
} 

或減小菜單的字體大小16px的：

#mainMenu ul li a { 
background:url("images/bk_menu.gif") repeat-x scroll 0 0 transparent; 
color:#175689; 
display:inline-block; 
font-size:16px; 
height:30px; 
overflow:hidden; 
padding:16px 19px 0; 
text-decoration:none; 
} 

Answer 2

據我所看到的，它看起來在Safari 4罰款，除非你張貼截圖。但它可能是您有<div id="top-links">發生兩次：[Invalid]Markup Validation of clients.newblack.ro integra - W3C Markup Validator。在驗證報告中向下滾動查看行號和源代碼。