2009/03/10

IEでボーダーが表示されない!?

例の案件をやっていて、ふと気付くとIEだけボーダーが表示されていない!!
しかもIE6もIE7も両方とも。。。
他のブラウザではバッチリなのに、全くやってくれます=3 フゥ。

いろいろ調べた結果、これで解消されました。

★症状★
IEでfloat内のコンテンツ、もしくはfloatに接する部分に指定したborderが一部表示されなくなる
★対処法★
borderを指定した要素にline-height:1emを指定する

なぜか今回の場合、line-height:1.2emとかにしてもダメだった。
このバグ、Peekabooっていうらしい。
勉強になります。

1 件のコメント: