リストタグを使用した際にIEで生じる隙間を消す｜web bibo

リストタグを使用してメニューを作ることは良くあると思いますが、この時にIEだけに変な隙間が入る事があります。Firefox、Safari等で見るとちゃんと隙間なく詰まってるのに。。。またIE様のバグですかぁ。と憤る方もいると思います。 これはmarginやpaddingの問題でなく、IEではリスト内のインライン要素をブロック化した場合、line-heightの解釈がおかしくなるみたいです。 →メニューの間に隙間ができるサンプル 解決策は以下のとおり。 HTMLコード <ul> <li><a href="#">メニュー01</a></li> <li><a href="#">メニュー02</a></li> <li><a href="#">メニュー03</a></li> </ul> CSSコード ul { list-style-type: none; width: 300px; } a { d

[yoshida2855]

ieリンク隙間　aタグにzoom:1;

[trashtoy]

この現象が起こるのはIE6まで。IE7以上は正常（隙間が空かない）なので、2014年7月現在気にする必要はないかと

[kuroaka1871]

助かりました。

[Yukarigohan]

IEバグ、listの隙間

[zoocream]

またＩＥかよ・・・

[ideg-ideate]

liの隙間

[owo_rin]

IEバグ

[chimantare]

リストたてならべの隙間消し