2010-12-02 10 views
0

このサイトのナビゲーションバーでは、ナビゲーションバーのli項目の埋め込みに問題があります。 http://www.wbbearonline.com/LIアイテムの周りのChromeとSafariでの余分な埋め込み

ChromeとSafariでは、各li項目の左側の埋め込みに10と表示されますが、実際には2つの余分なピクセルが追加されています(埋め込み12または13)。

FirefoxとIE9で正しい10ピクセルが表示されます。

何が原因なのでしょうか?

+0

余白も設定しましたか?デフォルトのマージンはブラウザーによって異なる場合があります。 –

+1

リンクはchromeとfirefoxで私と同じように見えます - 問題を引き起こしている未訪問のリンクにのみ表示される3pxのパディングではありませんか? – lnrbob

答えて

1

FireFoxは、訪問済みのリンクにa:link cssプロパティを適用していないため、これらのリンクは3pxのパディングを受け取りません。ただし、Chrome です。

修正するには、CSSの "a:link"ルールを "a"に変更してみてください。

+0

ありがとう!それはそれだった。私たちが李さんに切り替える前の余分な詰め物を忘れてしまった。再度、感謝します! – Andelas

0

親アイテムから継承された余白やパッドがあるかもしれませんが、css resetファイルを試しましたか(このインスタンスでは少し極端かもしれませんが)。または、パッド/マージンをさらにツリーの上に設定して0にしますか?

関連する問題