<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作成の知識がある人がおらず相談が出来ないので
こちらでお力を貸して頂きたく投稿させていただきました。
よろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
こんばんは
margin : 0 auto ;
この設定が厄介です。ここだけを見ていたのでは解決できません。
最初の行の
<!DOCTYPE html PUBLIC …
の影響を受けます。
以下のサイトを参考にしてみてください。
http://oshiete.goo.ne.jp/qa/5046862.html
http://korekara-from-now-on.at.webry.info/201002 …
早速の回答有難うございます。
参考サイトを見て、無事解決しました。
一番大事な表記を飛ばして作っていました。
<!DOCTYPE html~ の大切さを知りました。
本当に初心者でお恥ずかしい限りです。
大変感謝しております。
有難うございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
div要素を半透明にして且つ外枠...
-
ホームページビルダー14のどこ...
-
CSS 可変マージン
-
HTML CSS 文字化け
-
ロールオーバーで画像拡大、z-i...
-
メニューやヘッダー背景だけを...
-
Ctrl+F(検索)の窓を出したいの...
-
css固定したフッターが本文と重...
-
positionのrelativeとabsolute...
-
youtubeをHPに載せたいです。
-
CSS <div>の入れ子が反映さ...
-
<div valign=bottom> は効かな...
-
スタイルシートで位置固定する...
-
ホームページの位置のずれについて
-
ラジオボタンで段階評価
-
オンマウス時に別画像を上に重...
-
CSS のみのタブ切り替えについて
-
SafariでもBGMを流す方法という...
-
htmlの記述で link rel=styles...
-
MAX関数を使ってからLEFT JOIN...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Ctrl+F(検索)の窓を出したいの...
-
フッター上部に謎の隙間
-
【CSS】floatで左右に並べた...
-
HTMLですCSSです この画像のよ...
-
css固定したフッターが本文と重...
-
CSS <div>の入れ子が反映さ...
-
スクロール可能なチェックボックス
-
textareaで入力した文字を改行...
-
オンマウス時に別画像を上に重...
-
チェックボックスの背景色って...
-
文字を固定したいのですが…
-
スタイルシートで画面を上下に...
-
フッターの下に隙間ができてしまう
-
文字をクリックしたら別の文字...
-
CSSでdivのheightを動的に
-
大分類・中分類・小分類
-
HTMLですCSSです 画像のように...
-
リキッドデザイン3カラム左端幅...
-
htmlのstyleのposition:relativ...
-
★★★フッター最下部固定/スクロ...
おすすめ情報