Web標準、W3C対応、SEO対策、スマートフォンサイト等、HTMLコーディング代行サイトです！全国どこからでもお申し込み可能。

背景色、または背景画像を入れているボックスの中でfloat指定をすると、背景が消えてしまうことがあります。IE6などではウィンドウを上下にスクロールさせると消えたり表示されたり、文字が消えてしまったりと多くのバグが確認されています。

これは背景を入れているボックスにwidth指定を加えることで解決します。

CSS

また、clear指定にも解決法があります。
brタグに回り込み解除を埋め込む方法をよく目にしますが、背景が消えてしまうことが多々あります。そこで以下のような指定で回り込みを解除させるとある程度のバグを回避できます。

HTML

空要素になってしまうものの、レイアウトが崩れてしまうよりはよいでしょう。また、スペーサー（透過画像）で解除させても同様の効果があります。

HTML

このようにいくつか解決法があるわけですが、width指定を加えて解決するのがベストでしょう。