1175753584 以下の順番で書き、画像のように表示したい場合のcssを教えてください。

<div id="main"></div>
<div id="header"></div>
<div id="menu"></div>
<div id="footer"></div>

よろしくお願いします。

回答の条件
  • 1人1回まで
  • 登録:2007/04/05 15:13:06
  • 終了:2007/04/10 18:11:17

回答(2件)

id:aside No.1

aside回答回数339ベストアンサー獲得回数312007/04/05 17:11:22

ポイント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使っちゃいましたけども、、)

http://www.yahoo.co.jp

id:worldtravel

やはりheightを固定しないとダメなのでしょうか...

ページによって変わるので...

2007/04/05 20:37:35
id:mi2_music No.2

mi2_music回答回数6ベストアンサー獲得回数02007/04/05 17:51:59

ポイント10pt

http://www.intensivstation.ch/en/templates/

こちらのサイトを参考にしてみるのはどうでしょうか。

フリーで配布されているCSSレイアウト&テンプレート集です。

CSSも見やすくて分かりやすいと思います。

id:worldtravel

希望している事が書かれているところは

このページのどこにありますか?

2007/04/05 22:23:02
  • id:worldtravel
    質問に書き忘れました。

    横幅サイズは固定で構いません。
    750〜800程度で適当に設定してください。

    よろしくお願いします。
  • id:toku4sr4agent
    toku4sr4agent 2007/04/06 12:46:19
    見た感じでは
    http://www.intensivstation.ch/files/en_templates/2/template-1.html
    (Basic CSS TEMPLATESの、2 columns fixed centered)

    http://www.intensivstation.ch/files/en_templates/2/template-2.html
    (Border Trick TEMPLATESの、2 columns fixed centered)
    が該当するのではないでしょうか?

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません