IE6にて画像の下にいらない空きが!

2011年8月19日

【問題】IE6だとトップ画像の下になぜか5pxほどの空きが(><)
ネットで探したところ「vertical-align:bottom」を設定すればいいらしい。
<参考>
タグメモのカケラ | IE6で画像の下に余白が入る
Web制作備忘録: 画像の下に余白が入る


(余談)やっぱり防備録書いてる人、多いよね~(´∀`)
vertical-alignは、画像そのものに指定しないと反映しないので、
以下のように設定。

html側
XXXX
css側
div#topimg {
vertical-align:bottom
}

とは設定したものの空きはなくならず(><)
実は今回は関係なかったようで、
divとimg srcの間の改行をなくしたら、見事になくなりました。えー。

↓↓↓

ちょっとおかしいですね。合間を見てまた検証してみます。