IE6でfloatするとborderが消える。。 | 東京都世田谷区　ホームページ制作　[k]id

2009-09-25T13:41:12+09:00

このブログのサイドバーにある青いラインは

<div>
┗<dl>
　┣<dt>
　┗<dd>

になっています。

一番上の階層のdivのborder-leftで青い線を引っ張っています。
しかし、ie6だとその青い線が消えている事が判明、、

色々探ってみたところ二階層下のdtにfloatをかけている為に
消えてしまっている事が判明。

その原因はIE特有のバグだったらしく、
border-leftをかけているdivにwidthを設定すれば
正しく表示されました。

まとめ

IE6でfloatする際は上の階層にwidthを設定