レンタルサーバーまとめ

CSS float 背景を下まで続けるためのclear: bothと幅指定

bodyに背景色をつけていて、mainの入れ物なんかに白を一面に敷きたい!
何てことがよくあります。しかし、floatでleftやrightに振っていると
mainの背景が下まで続かなく、何でだ?という時はmainの中にclear: both;
をさせるmain-bottomをmainの幅で、floatした要素の下にもってきて、
mainの背景色を下まで続けたりします。footerとして扱ってもいいですよね。

main-bottomに、clear: both;

<div id=”main”>
<div id=”left”>
</div>
<div id=”right”>
</div>
<div id=”main-bottom”>
</div>
</div>

しかし、IE6ではこれでもアレ?ってことがあってclear: both;と同時に
幅の指定もしっかりすると
IE6でも正常に機能します。

floatする時は、幅指定をしましょう!というのは通説ですが、
clearする時にも幅指定をしっかりしましょう!ということに
なるでしょうか。

Comments are closed.

★おすすめソフト

Mac ソフトのことなら act2.com

★Windows7、MacOS 10.6 にも対応

今となっては、MacでWindows環境を手に入れる方法はいろいろあるが、VMWARE FUSIONがやっぱり一番安定してるし、マルチコアCPUも対応でサクサク快適に使える。他のソフトも使ってみたが、調子が良かったり悪かったりムラがあるソフトが多いなかで、VMWARE FUSHIONが一番トラブルもなく安定してるところが実用的ですね★