【CSS】liに指定したpaddingの高さ(5pxの部分)がIE6とFirefoxで違って表示されます。対処方法を教えて下さい。


#sample li{
margin: 0;
padding: 0 0 5px 0;
text-align: left;
list-style: none;
}

<div id="sample">
<ul>
<li><a href="#">メニュー</a></li>
<li><a href="#">メニュー</a></li>
<li><a href="#">メニュー</a></li>
<li><a href="#">メニュー</a></li>
</ul>
</div>

回答の条件
  • 1人1回まで
  • 登録:2006/07/03 15:36:26
  • 終了:2006/07/03 16:34:22

回答(1件)

id:wizemperor No.1

wizemperor回答回数379ベストアンサー獲得回数522006/07/03 16:22:50

ポイント60pt

IEはリスト絡みで、li要素の後ろに改行をいれると隙間ができるバグがあったと思います。

下記のように直してもだめでしょうか?

<ul><li><a href="#">メニュー</a></li><li><a href="#">メニュー</a></li><li><a href="#">メニュー</a></li><li><a href="#">メニュー</a></li></ul>


ただ、うちの環境では再現できず、IE6でもFirefoxでも同じように表示されたので、別の部分との絡みでおかしくなっているのかもしれません。

id:kentajoy

前後にimgを入れていたのでそれとの絡みかもしれません。試してみます。有難うございますー

2006/07/03 16:33:58

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません