• 締切
  • 困ってます

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

  • 質問No.2412432
  • 閲覧数193
  • ありがとう数3
  • 気になる数1
  • 回答数2
  • コメント数0

お礼率 46% (78/167)

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

回答 (全2件)

  • 回答No.2

ベストアンサー率 72% (13/18)

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

センタリングをどのように行っているのかわかりませんが、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のリファレンスがあります。
お礼コメント
patthai

お礼率 46% (78/167)

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

今回のアドバイスはプリントして何かのときに役立てたいと思います(^o^)!
投稿日時:2006/09/17 15:23
  • 回答No.1

ベストアンサー率 41% (3584/8636)

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

お礼率 46% (78/167)

ご回答ありがとうございます。
なるほど、そうゆう工夫をしないとだめなんですね。
中央に配置するなんて、もっと簡単にできるもんだと思っていたら、意外と難しいものなんですね。
では、やってみたいと思いますが・・
左端のtdに色、中央の部分は白、で、今まで入力した内容を全部そこに盛り込み、右のtdにも色、という形に作成すれば良いですよね?とりあえず挑戦してみます。
投稿日時:2006/09/17 14:03
結果を報告する
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,600万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A

その他の関連するQ&Aをキーワードで探す

ピックアップ

ページ先頭へ