
BODYの幅を、500pxにしています。
でも、背景色をブラックにすると、
画面全体がブラックになってしまいます。
ボーダーはちゃんと500pxで大丈夫なのですが・・・
CSS
1body { 2width: 500px; 3background-color: black; 4border: #fff solid 1px; 5}
ご教示いただければ幸いです・・・
以下のような質問にはグッドを送りましょう
- 質問内容が明確
- 自分も答えを知りたい
- 質問者以外のユーザにも役立つ
グッドが多くついた質問は、TOPページの「注目」タブのフィードに表示されやすくなります。
気になる質問をクリップする
クリップした質問は、後からいつでもマイページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
下記のような質問は推奨されていません。
- 間違っている
- 質問になっていない投稿
- スパムや攻撃的な表現を用いた投稿
適切な質問に修正を依頼しましょう。
回答3件
3
このあたりの仕様を読むといいと思います。
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
3
ベストアンサー
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:39
1
表示したものの元の部分の背景色が黒で、範囲指定した部分はきちんと表示出来ている…ということは無いでしょうか?
もしそうであれば指定した色を黒から別の色に変えれば確認できるのではと思いました。
(ただ確認するだけで根本的な解決にはなっていないと思います。申し訳ありません)
投稿2016/08/02 07:22

退会済みユーザー
総合スコア0
良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。
下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
このような回答には修正を依頼しましょう。
回答へのコメント

退会済みユーザー
2016/08/02 07:35

退会済みユーザー
2016/08/02 07:42
関連した質問
解決済
回答1
クリップ1
更新
2023/01/24
セレクトボタンのリンク
解決済
回答1
クリップ0
更新
2023/01/27
【GAS】Googleフォームで自動返信メール設定時に予めスプレッドシートに入力したテキストを入れたい。
解決済
回答2
クリップ0
更新
2020/03/04
ボタンのcssが一部にしか効かない
解決済
回答1
クリップ1
更新
2023/01/24
Chrome拡張機能で表示するポップアップでマウスカーソルの位置表示、更新できない
解決済
回答1
クリップ0
更新
2023/01/25
flexで中央寄せにしているのに、中央寄せにならない
解決済
回答2
クリップ0
更新
2023/01/24
指定した時間ごとにクラスを付け替えたい
解決済
回答2
クリップ1
更新
2023/01/24
clickイベント内でのclickイベントが思うような動作をしない
受付中
回答2
クリップ0
更新
2023/01/25
csh 文字の改行について
同じタグがついた質問を見る
CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。