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

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

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

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

No.1 ベストアンサー 回答者： tenderfeel 回答日時： 2007/07/06 02:55

こういうことでしょうか。

（参考ＵＲＬ）

基本ソース。
<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

この回答へのお礼

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

お礼日時：2007/07/10 01:50