最後に2カラムレイアウトのフッター部分を作ります。手順5 フッター部分を作る枠線1px のボックスです。 レイアウト全体を囲むdivタグのボックスで横幅を710pxと指定しているので ヘッダーと同じくフッターのボックスも横幅を指定しません。 フッター部分は外部リンクや広告などを貼り付けるスペースとして 利用できます。フッターのボックスの上にはメインコンテンツのボックスの右横に 並んだライトメニューのボックスがあるので フッター部分の外部ファイルにclear:both; を指定して回り込みを解除します。 最後に最初の枠線無しの710pxのdivボックスを終了タグ</div> で閉じて終わりです。 以上で2カラムレイアウトのホームページの完成になります。【ブラウザ表示】 フッター部分のソース
<div id="footer">
div#footer{
■ その他の項目・ レイアウト全体の設定・ ヘッダー部分を作る ・ メインコンテンツを作る ・ ライトメニューを作る 最後に2カラムレイアウトのソース、外部ファイルを見る(ページ下部) |