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する時にも幅指定をしっかりしましょう!ということに
なるでしょうか。

このエントリーをはてなブックマークに追加
はてなブックマーク - CSS float 背景を下まで続けるためのclear: bothと幅指定
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip

にほんブログ村 デザインブログ Webデザインへ 人気ブログランキングへ
管理人おすすめのレンタルサーバーまとめました

はてなブックマークに追加

コメントは停止中です。

MySQL無制限100GB ドメイン最安 X2レンタルサーバー

エックスツー

WordPress無制限も実現できるMySQL無制限の高速レンタルサーバー。

容量100GBの余裕のスペースにマルチドメインも無制限。密かに人気なのが、契約していれば.netなどドメインが850円と最安値で、別サーバーへのドメイン利用も可能。

PHPやCGIを高速にするXキャッシュ機能も搭載している X2レンタルサーバー