以下の順番で書き、画像のように表示したい場合のcssを教えてください。
<div id="main"></div>
<div id="header"></div>
<div id="menu"></div>
<div id="footer"></div>
よろしくお願いします。
No.1
339
31
60pt
#main {
width:600px;
height:600px;
position:absolute;
top:115px;
left:210px;
background-color:#ffff99;
}
#header {
width:800px;
height:100px;
background-color:#99ffff;
}
#menu {
width:200px;
height:600px;
background-color:#99ff99;
}
#footer {
width:800px;
height:100px;
background-color:#99ffff;
}
上記サンプルソースです。（absolute使っちゃいましたけども、、）
No.2
60
10pt
http://www.intensivstation.ch/en/templates/
こちらのサイトを参考にしてみるのはどうでしょうか。
フリーで配布されているCSSレイアウト&テンプレート集です。
CSSも見やすくて分かりやすいと思います。
希望している事が書かれているところは
このページのどこにありますか？
worldtravel
2007/04/05 15:16:05
489
414
toku4sr4agent
1
1
やはりheightを固定しないとダメなのでしょうか...
ページによって変わるので...