15:432カラムっぽくなりだいぶ形になってきました。次は、メインの横に流し込まれてしまっているフッターを調整します。フッターの作成フッターのスタイルはヘッダーと同じく「module.css」に書いていきます。#fff;}このフッターで一番のポイントとなってくるのがclearプロパティの指定です。この指定をする事で、フッター部分が横に流し込まれずメインの下に表示されます。全体の横幅は860pxですが、フッターは830pxと指定しているのは、左右パディングの15pxが足されて実際には890pxとなってしまうからです。widthプロパティの指定はいらないように見えますが、指定が無いとIEで不自然な上パディングができてしまいます(zoomプロパティでも対応出来ます)。7でダメなサンプルこれで、フッターまで完成しました。順番的に、メインとサブを作っているタイミングでも良かったんですが、実際に組んでいるとそんなに効率よく書けなかったりして#contentsが後になり、その後さらにメインとサブを調整したりするんでここに来て#contentsの作成に入ります。最初に見た完成形にするために、#contentsに必要な指定をします。830px;の指定です。floatプロパティの指定が大切で、この指定が無いと背景色が表示されなくなってしまいます。これらの指定をした状態を実際のブラウザで見ると以下のようになり、ブラウザによって表示が異なってきます。ここまでのサンプルこのままでは当然ダメなので、メインとサブの調整をします。#fff;}この調整で、2カラムレイアウトは完成です。調整したサンプルメイン内の作成メイン内の各要素にスタイルを当てます。110%;}これで、ほぼ全てが完了です。最後にちょっとしたおまけとして、CSS3を使って角丸を作成します。5px;}border-radiusプロパティの指定をすることで、Firefox3~、Safari3~、Chrome辺りで見た場合に指定された要素の角が丸くなってくれます。情報に支障を与える訳ではないので、個人サイト等なら使っていけるプロパティかと思います。ちなみに、Operaは10.5、IEは9で対応予定っぽいです。角丸の詳細に関しては「border-radiusプロパティ」でご確認ください。何はともあれ、以上で全て完成となります。お疲れさまでしたっ!完成したサンプル完成したサンプルのダウンロードあとがき的な分かってる人からすると非常に簡単なサンプルでしたが、書いてて思うのは実際にこのレイアウトから説明が必要な人は、この説明でどの程度分かってもらえるのか。説明が冗長過ぎてかえって分かり難いのか...等々色んな課題が残ります。感想等有ればくださいませ。