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

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

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

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

コメントは受け付けていません。

★Macウィルス対策★ 最新版

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

★ネットセキュリティも万全。

Macでウィルス対策ソフトはコレだけだと思います。ウィルス駆除だけなく、今回のバージョンウイルスバリア X6は、ネットワークのバリアもファイアウォールも万全。Mac保護状態のインジケーターで確認、監視ツールで侵入経路をモニタリングすることもできます★