IEでfloat属性を指定した要素の親要素のborderが消えるバグ｜WALK SLOW, AGAINST THE FLOW.

2006.12.13 00:09

IEでfloat属性を指定した要素の親要素のborderが消えるバグ

しかし、floatって難儀だなあ・・・

これはfloatを指定している要素の親要素にwidthやbackgroundを指定する事で解消できる。
これを機にfloatを指定している要素とその親要素の関係をまとめてみた。
ちなみに XHTML1.0 Strict （XML宣言無し）での検証なので流用する際は DTD を確認の上使って下さい。（個人的には Strict が一番ハックを少なくして、効率的にコーディングできると考えている。時間がある時、まとめたいなー）

検証ページ

昔のエントリーで書いたfloatを指定したときの親要素の高さの問題と合わせてまとめました。
ただし、overflow: autoの指定についてはa要素とかテキストサイズの変更とかで意図しないスクロールバーが出たりするので注意してください。

CSS,HTML

コメント (0) ｜トラックバック (0)

2007.05.11 21:15: IE6でfloatした要素が兄要素のmarginを継承（？）する

名前
メールアドレス
URL
この情報を登録しますか？	登録する
Scode:	画像に描かれている数字を入力して下さい。コメント内容を確認したい方は、確認画面でSCodeを入力してください。SCodeの入力内容はプレビューまで保持されません。
コメント	(スタイル用のHTMLタグが使えます)