‘バグ’ カテゴリーのリスト

floatされたボックスの末尾テキストが複製されるIE6のバグ

2008 年 12 月 15 日 月曜日

IE6で起きた現象。今回の例は左側にナビゲーション用カラム、右側にメインコンテンツという2カラムレイアウトを作成した時に、メインコンテンツの末尾テキストが複製されてしまいました。

回避方法を探していたら何件か記事が公開されていました。THE HAM MEDIAさんのblog
http://h2ham.seesaa.net/article/109568808.html

原因としては親ボックスに対して子ボックスが隙間なく入っていること(横幅ね)、またfloatされたボックス周辺にコメントが入っていることのようです。もし同様のバグが起きたら、、

  • 親ボックスのwidthを少し広げてあげる(厳密には3px以内だとバグ発生とのこと)
  • floatされたボックス周辺のコメントを削除する

ただ親ボックスの領域を変更するというのは本末転倒というか、バグのためになんで変更しなくちゃいけない訳?ってIEに愚痴ってしまいそうだ。