2段組のレイアウトにする。
<!-- コンテンツ --> <div id="content"> … 略 … </div><!-- #content END --> <!-- サイドバー --> <div id="sidebar"> ここはサイドバーです。 </div><!-- #sidebar END -->
サイドバーを作成するため、サイドバーのコンテンツをindex.phpに挿入。
/* コンテンツ */
div#content {
width: 680px;
float: left;
}
/* サイドバー */
div#sidebar {
width: 220px;
float: right;
}
サイドバーとコンテンツ部分の横幅を指定し、
それぞれにfloatの指定をし２段組で表示させる。
