CSS　＜div＞の入れ子が反映されない

解決済

質問者：sick_moon
質問日時：2010/11/14 22:34
回答数：1件

＜div＞要素を使ってレイアウトを考えています。
いくつかのBOXを一まとめにして中央表示にしようと思うのですが
一まとめにする為のdiv要素が全く反映されません。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

* { padding : 0px ;
margin : 0px ; }

#kihon { background:#ff0000;
width : 752px ;
margin : 0 auto ;}

#header { width : 750px ;
background: #ff00ff ; }

#main { float: left;
width: 500px;
background: #0000ff ; }

#menu { float: left;
width: 250px;
background: #00ff00 ; }

#footer { clear : both ;
width : 750px ;
background: #000000 ; }

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

<body>

<div id="kihon">

<div id="header">aaa</div>

<div id="main">aaa</div>

<div id="menu">aaa</div>

<div id="footer">aaa</div>

</div>

</body>

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

上の記述で、<div id="kihon">が全く反映しません。
一応一まとまりにはなるのですが、左上に固まって表示されるだけです。
自分でも色々調べたのですが調べ方が悪いのか原因が全く分かりません。

知り合いにHP作成の知識がある人がおらず相談が出来ないので
こちらでお力を貸して頂きたく投稿させていただきました。
よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： rukuku
回答日時：2010/11/14 22:44

こんばんは

margin : 0 auto ;
この設定が厄介です。ここだけを見ていたのでは解決できません。
最初の行の
<!DOCTYPE html PUBLIC　…
の影響を受けます。

以下のサイトを参考にしてみてください。
http://oshiete.goo.ne.jp/qa/5046862.html
http://korekara-from-now-on.at.webry.info/201002 …