IE6で、floatで指定した値と同じ方向にmarginの指定をすると、指定値の倍程度になってしまうっていう有名なバグ。

その対策として、marginの代わりにpaddingを使うとか、親要素でpaddingを取るとかあったりしますけど、一番手っ取り早い感じで、問題が無さそうなdisplay: inline;を指定する方法がありますよね。えぇ。

何となく他のブラウザに影響ないの！？って思ってしまうかもですが、
こういう矛盾しちゃいそうな指定がされた時はどーしたらええの？っていうのがちゃんと仕様で決まってるので仕様通りに動いてくれるブラウザさんなら問題ないわけです。

そうなんですよ。仕様通りにね、動いてくれるブラウザさんならね。

404 が表示された時って皆はどんな気分になるんだろう...

さて、一行駄文はおしまい。
本題です。

同じデザインを組むにも、人が違えばそれだけ組み方も様々だとは思うのですが、こうした方がちょこっとだけ効率が良くなるかもね！っていう事をちょこっと書いてみるだす。

• サンプルページ
• サンプルダウンロード
• メインのCSSファイル

とりあえずこんな感じのサイトがあったとして、どう組むかっていう辺りが今回の主題なんです。はい。

あ、サンプルページを別ウィンドウで表示しながらお読みいただくとスムーズに事が運ぶ予感です。
では、詳細に。