ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >2カラムレイアウト >
メインコンテンツを作る

メインコンテンツを作る

次に2カラムレイアウトのメインコンテンツを作ります。

手順3 メインコンテンツを作る

1pxの枠線で横幅540pxのボックスを作ります。

次に右メニューのボックスがあるため横幅540pxのボックスの 右側の枠線の外側に 5px程度の適度な余白を入れます。 また、メインコンテンツのボックスの右横にライトボックスが並ぶため540pxのボックスに float:left;を指定します。

【ブラウザ表示】

ここにメインコンテンツを記述します。


メインコンテンツのソース

<div id="middle">ここにメインコンテンツを記述します。</div>

外部ファイル

div#middle{
border:1px solid silver;
line-height:1.2;
width:540px;
height:400px;
font-size:95%;
margin-right:5px;
float:left;
text-align:left;
}

■ その他の項目

レイアウト全体の設定
ヘッダー部分を作る
ライトメニューを作る
フッター部分を作る

2カラムレイアウトの解説に戻る


HOME

Copyright (C) 2003-2012 ホームページマスター All rights reserved.