【CSS】IE6 で position:absolute したオブジェクトが消えるバグ

【CSS】IE6 で position:absolute したオブジェクトが消えるバグ

イメージ

世の中では IE8 の自動アップデートが始まっていますが、本日は CSS のコーディング作業中に position:absolute で配置したオブジェクトが IE6 で表示されなくなるというバグに遭遇して、すっかりハマってしまいました。

片っ端から色々と試したところ、position:absolute を設定しているセレクタに clear:both を設定すると正常に表示されるようになりました。

初めて遭遇したバグで、clear:both で何故回避できたのかも不可解だったためネットで情報を探すと、以下のサイトが見つかりました。

とても丁寧に解説されていて、大変参考になります。いやあ凄い。

モヤモヤが晴れてスッキリしました! IE6 なくなればいいのに!

  • このエントリーをはてなブックマークに追加

この記事を読んだ人にオススメ