Home » 初級ホームページ作成講座 » floatレイアウトホームページ作成講座|#header部分
HTMLファイル指定部分
<body> <div id="wrapper"> <!--header部分--> <div id="header"> *** ヘッダー部分 *** </div> <!--header部分終わり--> <!--contents部分--> <div id="contents"> *** コンテンツ部分 *** </div> <!--contents部分終わり--> <!--sidebar部分--> <div id="sidebar"> *** サイドバー部分 *** </div> <!--sidebar部分終わり--> <!--footer部分--> <div id="footer"> *** フッター部分 *** </div> <!--footer部分終わり--> </div> </body>
CSSの解説
/*-------------------------headerの指定*/
#header {
height: 160px;
margin: 0;
padding: 0;
}
- height: 160px;
-
ヘッダー部分の高さ指定です。今回は適当に160pxとしていますが、実際は背景画像やヘッダー内に入れる要素によって決めていきます。
実際のサンプル
- Previous #wrapper部分
- #contents部分 Next


