[k]id » IE6でfloatするとborderが消える。。 

2009年9月25日

IE6でfloatするとborderが消える。。

Yahoo!ブックマークに登録

1 Star2 Stars3 Stars4 Stars5 Stars (現在評価はありません。)
Loading ... Loading ...

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

<div>
┗<dl>
 ┣<dt>
 ┗<dd>
になっています。

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

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

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

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


Comments

Powered by Facebook Comments

この記事を読んだ方は下記も投稿も読んでいます

コメント・トラックバック

トラックバック

コメントする

Filed under: CSS
タグ: ,