HTMLでfloatさせた背景が表示されない場合の対処法

今時IE6,7を確認するHP製作会社がいるのかは不明ですが、少なからず利用ユーザーがまだいるのが現状なので、

背景が出てこない場合のおまじないを少しご紹介致します。

IE7以下では中のボックスをfloatさせると高さをうまく認識してくれず、指定した背景が出てこない場合があります。

サンプル



    

        これはテストです。
    

    

        これもテストです。
    

 

対応方法

こういった場合おまじないとして.boxの高さを100%に指定してみてください。

.box{

height:100%;

}

 

外枠の高さを指定してあげるとしっかりと表示されます。

 

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です