こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

背景画像を画面の幅100%で表示させたい

ホームページを作成しています。
全体的に、文章や画像の表示はセンタリングし、左右の画面余白部分に薄い色をつけたいと思っていますが、どのようにしたらいいのか悩んでいます。
左右に色をつけ、中央を白くした画像を画面100%に表示させられれば・・と思うのですが、CSS・HTMLで具体的にどのように指示すればよいでしょうか?

投稿日時 - 2006-09-17 13:45:35

QNo.2412432

困ってます

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.2

背景に色をつけて、文章の部分だけ背景を白にしてしまう方法もあります。

センタリングをどのように行っているのかわかりませんが、centerタグ及びdivタグを使った場合は以下のようになります。

<body bgcolor="black">

<center style="background-color: white">
文章1
</center>

<div align="center">
<div style="background-color: white">
文章2
</div>
</div>

</body>

例えばコレに、CSSで width なんかを付け足してやれば、中央部分の幅を固定することができます。


参考URL:HTMLクイックリファレンス
 HTMLタグやCSSのリファレンスがあります。

参考URL:http://www.htmq.com/

投稿日時 - 2006-09-17 14:40:55

お礼

へー、なるほど!
参考URLの方も勉強になりそうですね。ありがとうございました。
とりあえず今回はTABLEのTD使用で対応ができました。

今回のアドバイスはプリントして何かのときに役立てたいと思います(^o^)!

投稿日時 - 2006-09-17 15:23:30

ANo.1

tableタグを使って、左右のtdについては「bgcolor」で背景色を指定し、中央部分は白色とすればいい。
table全体はwidth=100%としておけば、そのような画面環境でも、画面いっぱいになり、左右だけ色つきになるでしょう。

投稿日時 - 2006-09-17 13:56:25

お礼

ご回答ありがとうございます。
なるほど、そうゆう工夫をしないとだめなんですね。
中央に配置するなんて、もっと簡単にできるもんだと思っていたら、意外と難しいものなんですね。
では、やってみたいと思いますが・・
左端のtdに色、中央の部分は白、で、今まで入力した内容を全部そこに盛り込み、右のtdにも色、という形に作成すれば良いですよね?とりあえず挑戦してみます。

投稿日時 - 2006-09-17 14:03:10

あなたにオススメの質問