ＣＳＳで(3)段組のページを作りたいのですが

質問

上から３段のページを作りたいと思っています。

ヘッダー
↓
コンテンツ
↓
フッター

という形にしたいのです。
ヘッダーとフッターの背景色は同じにして、フレームを使ったように見せたかったのですが、画面いっぱいまで広がってくれず困っています。
フレームを使ったら簡単にできるのですが、ＣＳＳでは不可能なのでしょうか？
基本的かもしれませんがよろしくお願いいたします。

回答No.1

tenderfeel · ベストアンサー

こういうことでしょうか。（参考ＵＲＬ）

基本ソース。
<div id="header">header</div>
<div id="contents">contents</div>
<div id="footer">footer</div>

*{margin:0px;padding:0px;}
html,body {height:100%;min-height:100%;}
#header{height:10%;background-color:blue;}
#contents{height:80%;background-color:#ｃｃｃ}
#footer {height:10%;background-color:blue;}

親要素（html.body）にheight指定をするのがポイントです。

参考URL：

http://tenderfeel.xsrv.jp/web/test.html

お礼

ありがとうごいざいます！わかりました！