BODYの幅を、500pxにしています。
でも、背景色をブラックにすると、
画面全体がブラックになってしまいます。
ボーダーはちゃんと500pxで大丈夫なのですが・・・
CSS
1body { 2width: 500px; 3background-color: black; 4border: #fff solid 1px; 5}
ご教示いただければ幸いです・・・
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答3件
0
このあたりの仕様を読むといいと思います。
http://momdo.s35.xrea.com/web-html-test/spec/CSS21/visudet.html#containing-block-details
body要素の幅は親のhtml要素によって決定され、そのhtml要素はビューポートによって、つまりウィンドウサイズによって固定されます。
bodyは(名前のとおり)HTML文書の本体の領域を示すものですので、divやpといった中身のコンテンツとは別物として考えた方がわかりやすいでしょう。
投稿2016/08/02 07:44
総合スコア1298
0
ベストアンサー
bodyではなくdivで囲ってあげた部分にbackgroundcolorを設定してあげればどうでしょうか?
html
1<DIV id="wrapper"> 2中身 3</DIV>
css
1#wrapper{ 2 background-color: black; 3 border: #fff solid 1px; 4 width: 500px;
こうしてあげると、500pxの幅の黒い背景が設定できると思います。
投稿2016/08/02 07:26
編集2016/08/02 07:33総合スコア90
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/08/02 07:36
退会済みユーザー
2016/08/02 07:39
2016/08/02 07:47
0
表示したものの元の部分の背景色が黒で、範囲指定した部分はきちんと表示出来ている…ということは無いでしょうか?
もしそうであれば指定した色を黒から別の色に変えれば確認できるのではと思いました。
(ただ確認するだけで根本的な解決にはなっていないと思います。申し訳ありません)
投稿2016/08/02 07:22
退会済みユーザー
総合スコア0
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/08/02 07:35
退会済みユーザー
2016/08/02 07:42
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。