RedLine Magazine : リストタグを使用時のIEでの変な隙間を消す

リストタグを使用時のIEでの変な隙間を消す 私的覚え書き。 リストタグを使用してメニューを作ったりする際にIEだけに変な余白が入る事がある。それを解消するネタ。 >>問題のサンプル・こんな感じ。 Firefox等で見るとちゃんとメニューの間が詰まっててＯＫなのだが、IEの場合だと勝手に余白が入る。marginやpaddingを0にしても、liタグを途中改行しても効果なしで、その都度ごまかしてきたりしてたんだけど、とりあえず原因はIEの場合、リスト内のインライン要素をブロック化すると余計な余白を入れるというかline-heightの解釈が正しくないっぽい。 >>対策はこんな感じ。 li { line-height:0; } a { display: block; background-color:#900; padding: 5px; color: black; text-decoratio

[mura24]

<li>に"display:inline;"も入れておきたい

[mikarin_S4Rs]

リスト　隙間が空くとき

[vitaminsii]

リストタグを使用してメニューを作ったりする際にIEだけに変な余白が入る事がある。それを解消するネタ。

[shigihara55]

ふむふむ。そういうことだったのか。

[kurobuchi]

liでナビを作った時のIEの隙間の対処。line-heigtで対策可能。

[oror]

ieでのリストタグのバグを消す方法

[thiswholeworld]

リスト、IE6、入れ子、「"display:inline;"も入れておきたい」

[ryoota]

IE

[vv_boow_vv]

　IEの場合、リスト内のインライン要素をブロック化すると余計な余白を入れるというかline-heightの解釈が正しくないっぽい。aタグのline-heightをnormalに指定しておくと普通の高さの解釈となるので解決。

[akajiki]

line-heightをうまく利用したリストタグ対策

[k_ume75]

変な隙間