人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

以下の順番で書き、画像のように表示したい場合のcssを教えてください。
<div id="main"></div>
<div id="header"></div>
<div id="menu"></div>
<div id="footer"></div>

よろしくお願いします。

1175753584
●拡大する

●質問者: worldtravel
●カテゴリ:ウェブ制作
✍キーワード:CSS 画像
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● aside
●60ポイント

#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

◎質問者からの返答

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

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


2 ● mi2_music
●10ポイント

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

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

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

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

◎質問者からの返答

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ