2010-11-23 12 views
0

FirefoxとOperaでナビゲーションバーがオフになっています。テキストの下には、上記よりもはるかに多くのパディングがあります。私はこれを修正しようと多くの異なる時間に自分のコードを変更したので、私は現在のコードにエラーがある場合はお詫び申し上げます。 SafariとChromeではうまく見えます。誰かが私のエラーを見つけるのを助けることができますか?FirefoxでのCSSの水平方向のナビゲーションバーのアライメントの問題

CSS:

ul { 
list-style-type: none; 
margin: 0px; 
padding: 0px; 
margin-bottom: 50px; 
} 

li { 
display: inline; 
margin:0; 
padding:0; 
} 

a.one:link,a.one:visited { 
font-size: 18px; 
line-height: 18px; 
font-weight: bold; 
background-color: red; 
color: white; 
font-family: Helvetica,Arial,san-serif; 
text-align: center; 
padding: 5px 7px; 
text-transform: uppercase; 
text-shadow: 0.05em 0.05em 0.1em #333; 
letter-spacing: 1px; 
} 

HTML:

<nav> 
    <ul> 
    <li><a class=one href=index.html>home</a></li> 
    <li><a class=one href=bio.html>bio</a></li> 
    <li><a class=one href=news.html>news</a></li> 
    <li><a class=one href=disc.html>discography</a></li> 
    <li><a class=one href=contact.html>contact</a></li> 
    </ul> 
</nav> 

ありがとう!

答えて

0

上記以外のテキスト以下に、よりパディングが著しくあります。ここで

問題です:margin:0;margin-bottom: 50px以来

  • が設定され、比以下/以上が0PX /は50px

であることは

SafariとChromeで正常に見えます

デフォルトスタイルシートの比較:

Blink(Chromium/Opera): html.css

とルックアップベンダー拡張:

関連する問題