「CSS」の編集履歴（バックアップ）一覧はこちら

CSS - (2013/01/28 (月) 12:18:17) の１つ前との変更点

追加された行は緑色になります。

削除された行は赤色になります。

*◆&this_page()

#contents()
----

** FireFoxで背景色が表示されない

 <div id="container">
     <div id="floatLeft">float: left</div>
     <div id="floatRight">float: right</div>
 </div>


包括したオブジェクトがfloatを指定されている場合、
包括しているオブジェクトのサイズがなくなってしまう。
その為、包括オブジェクトに背景色などを指定しても、
表示されない。
場合によっては下に配置したオブジェクトが、
float指定されたオブジェクトの右に表示されて、
レイアウトが崩れてしまう。
IEなどはバグでサイズがあるので、背景色が表示される場合があるらしい。

[[参考>>http://www.fsiki.com/archive/css-doc/float.html]]

*◆&this_page()

#contents()
----

** FireFoxで背景色が表示されない

 <div id="container">
     <div id="floatLeft">float: left</div>
     <div id="floatRight">float: right</div>
 </div>


包括したオブジェクトがfloatを指定されている場合、
包括しているオブジェクトのサイズがなくなってしまう。
その為、包括オブジェクトに背景色などを指定しても、
表示されない。
場合によっては下に配置したオブジェクトが、
float指定されたオブジェクトの右に表示されて、
レイアウトが崩れてしまう。
IEなどはバグでサイズがあるので、背景色が表示される場合があるらしい。

解決方法はサイズ指定するとか、
後に表示させたいオブジェクトが回り込んでしまう場合、
claer:bothなどが有効。

[[参考>>http://www.fsiki.com/archive/css-doc/float.html]]