人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

【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>

●質問者: kentajoy
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS firefox IE6 margin padding
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● wizemperor
●60ポイント

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でも同じように表示されたので、別の部分との絡みでおかしくなっているのかもしれません。

◎質問者からの返答

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ