質問: floatでカラム落ちを防ぎたい 少し長いですがお付き合いよろしくお願いいたします。 見出し1 aaa aaa bbb ccc bbb aaa bbb ccc ccc aaa bbb ccc aaa aaa bbb ccc bbb aaa bbb ccc ccc aaa bbb ccc ddd aaa bbb ccc eee aaa bbb ccc このように記述するとfirefoxではallで指定した背景色がh1にしか反映されず、left、rightの高さのずれている部分には反映されません。 この記述から、スタイルシートのrightに何も指定しないようにすると、allに指定した背景色はきちんと反映されるんですが、今度はleftよりrightのコンテンツが多いためカラム落ちしてしまいます。 どのように、記述すれば背景色がうまく反映され、カラム落ちを起こさずに済むのでしょうか? 条件はfirefox,opera,ie6でほぼ同じレイアウトが表現でき、tableやoverflowは使わない事です。
回答: #1(実際は全角スペースでなく空白類)に加えて。 floatボックスの幅の合計値は100%未満になるように指定した方が安全です。 #left{width:49%; float:left;} #right{width:49%; float:left;}