2011年1月27日木曜日

FireFoxでのFloatすると背景色が反映されないの解決法

さっきも書いたけど、FireFoxでは親のDivに内包される子のDivがFloatされると、親のDivで指定した背景色が反映されなくなるというバグが存在するらしい。
その解決方法として、親のDivに高さを指定してやればいいらしい。

↓書き換える前

/*
ブログトップロゴとgoogleカスタム検索の2カラム化
*/
#Blog_Top{
clear:both;
background-color:#eeeeee;
width:100%;
}

#Blog_Title{
margin:0;
width:70%;
float:left;
}
#Blog_Top_Search{
padding-top:1em;
width:30%;
float:right;
}


↓書き換えたあと

/*
ブログトップロゴとgoogleカスタム検索の2カラム化
*/
#Blog_Top{
clear:both;
background-color:#eeeeee;
width:100%;
height:3em;       ←ここを書き加えた
}

#Blog_Title{
margin:0;
width:70%;
float:left;
}
#Blog_Top_Search{
padding-top:1em;
width:30%;
float:right;
}


0 件のコメント:

コメントを投稿