IE6対策

覚書。

img{

    vertical-align:text-bottom;

}

画像とdivタグの間にスペースが開くのがどうにも消せなくて苦労した。
解決策はこれが一番きれいかな。（border：0は設定済み。）

[症状]

    

    hoge

見たいな感じで、縦に並べたい時、IE６だとimgとdivの間にスペースが出来る。cssでimgにheight当てたり、imgタグをdivで囲ったりしてもダメ。
　
[策]
その場合はcssで

img{

    vertical-align:text-bottom;

}

を当てれば解決する。
　
[追記]
xhtml1.0Tranditionalでのエンコーディングならこれでいいんだけど、xhtml1.0Strictでエンコードするとfirefox,safari辺りで微妙にスペースが出来るみたいなので、書き方を、

img{

    border:0;

    vertical-align:bottom;

}

＊html img{

    vertical-align:text-bottom;

}

とした。vertical−align:bottom;だけでも良さそうだけど...?