菜單對齊看起來不對，在Firefox中

-1

我在this網頁上工作，它在Chrome，IE，Safari中都能正常工作，但在FF中不是100％。菜單列表的對齊太低了！我在文檔中沒有HTML錯誤，我找不到解決方案。我希望有人能幫助我，我喜歡在每個瀏覽器中都有一個完美的操作網頁！菜單對齊看起來不對，在Firefox中

我從馬丁Metsalu updatet我的CSS文件現在與過去的代碼建議

HERE（設計拍攝），你可以看到我喜歡，在所有瀏覽器4！

下面是懸停代碼：

#menu ul li a:hover,a:active { 
background-color: #fff; 
color: #000;}

來源

2013-10-06 user2851789

能否請您發佈相關問題的一些代碼？ –

菜單的上邊框不是Firefox中的連續黑線。在我的電腦上，它在不同的瀏覽器中也有不同的字體。也許你也應該看看。 –

據我可以告訴你正在試圖調整你的鏈接元素在你的列表中填充的高度。這本身並沒有錯，但是您正在嘗試使用填充以使元素與背景圖像一樣大，這會導致很多問題，因爲不是每個瀏覽器都使用與默認字體大小相同的字體或字體大小。使用padding + px-font-size來定義一個統一的高度只會導致問題。 – 2013-10-06 13:49:25

更改填充像這樣：padding: 7px 12px;

#menu ul li a { 
    font-size:11px; 
    color: #fff; 
    text-decoration: none; 
    text-transform: uppercase; 
    font-weight: bold; 
    padding: 7px 12px; 
    padding-top: 9px; 
    background-color: #258abe; 
    font-family: Verdana; 
}

來源

2013-10-06 14:00:43 vishalkin

我試過這個。但是這並沒有解決我的問題。在IE中，Chrome和Safari仍然是一樣的，而FF則不同。我也試過了一個css全局重置，但是這樣會毀掉我的設計（PS中的表格）。任何其他想法？ – user2851789

@ user2851789I更新填充後，它在FF24中正常工作。你一定見過馬丁的答案也和我的很相似。 – vishalkin

菜單對齊看起來不對，在Firefox中

回答

相關問題