FireFoxやsafariで背景が表示されないときの対処方法

2008.10.09(Thu)

FireFoxやSafariで表示したときに背景（background）が表示されないことがあります。この症状はCSSでfloatを使いボックス要素を段組したときに起きます。IEでは表示されるので、他のブラウザのバグのように思いがちですが、どうもCSSを正しく解釈すると表示されないのが正しいようです。

まあ、どちらが仕様として正しいかはおいておいて大切なのは対処方法。次のページに対応方法がでていました。

「CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件 - Fsiki」

技術的な説明もしっかりされているのでなぜこの問題が発生してしまうのかということから、その解決方法まで順を追っていくとよく理解できます。 とりあえず、結果が欲しいという場合は「最終回答」にでているCSSの #containerD を段組している親の ID名にしてやればできちゃいます。

おかで短時間で問題解決できました。ありがとうございます。