Q&A
css は良さそうに見えますけど、html も見てみないとなんとも言えません。
また、中央に配置されないのはどうやって確認しましたか？
HTML、cssを勉強している初心者です。どなたかお分かりの方がいらっしゃいましたら、アドバイスをしてください。
よろしくお願いします。
CSSで以下の表記をしたのですがページが中央に配置されません。
body {
margin: 0;
padding: 0;
background-color: #f5f3eb;
}
.wrapper {
margin: 0 auto 0 auto;
width: 900px;
}
表記が問題なのでしょうか？わかる方がいらっしゃいましたら何卒アドバイスをよろしくお願いします。
<body>
<div class="Wrapper">
<!-- ヘッダー -->
<h1 id="logo"><a href="index.html" ><img src="images/logo.png" width="217" height="89" alt="KUJIRA cafe"></a></h1>
<ul id="nav">
<li><a href="index.html">ホーム</a></li>
<li><a href="about.html">店舗案内</a></li>
<li><a href="acess.html">アクセス</a></li>
<li><a href="menu.html">メニュー</a></li>
<li><a href="contact.html">お問い合わせ</a></li>
</ul>
上記のHTMLを表記しました。確認方法はchromeにてドラック&ドロップにて行いました。
何か引き続きわかる事があれば何卒アドバイスを下さい。よろしくお願いします。
css では .wrapper と小文字なのに、html では <div class="Wrapper"> と大文字になってるからでは。
修正をしたところ中央に配置されました。
些細なとこまで確認、そしてご指摘をしていただきありがとうございます。
とても助かりました。
回答2件
0
ベストアンサー
html
1<div class="Wrapper">
wrapperの頭文字が大文字になっているのが原因です。cssでは小文字ですよね。
投稿2021/01/02 07:46
総合スコア1907
0
「css ページ全体の中央配置」でググったら、下記がヒットしました。
参考になれば幸いです。
CSSで中央寄せ。全体、あるいはコンテンツだけ中央寄せする2つの方法。
投稿2021/01/02 01:47
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
