liタグで画像を用いたメニューを作った時、下に隙間が出来てしまったらやってみること


先日会話中に

「うにが『そんなこともあったような気がする』って言う時って、実はまったく覚えてないことが多いよね」

と言われました。
図星とまでは言いませんが、、、半分ぐらいあってます、きゃ。


IE、Firefox問わず(主にIE)、リストでメニューを作っている時、下に隙間ができることがよくあります。
3ピクセルか4ピクセルくらいの、謎の隙間です。
そんな経験ありませんか?

画像のheightが決まっているならば、

ul#menuList li {
    height: 50px;
    overflow: hidden;
}
とかでもいいかもしれませんが、メニュー画像のheightがバラバラの場合、なかなかそうはいかないです。

そんな時は、以下のように指定してみてください。
ul#menuList img {
    vertical-align: top;
}
これで直るかもしれません。





なぜ直るのかは、よく知りません(ゎ

コメントを残す