- ベストアンサー
CSSでDIVで挟んでいるのに背景色が出ない？
- CSSと（X)HTMLでページを作っています。角丸なページにしたいため、背景色が正しく表示されない問題に直面しています。
- CSSの指定方法に問題があるようです。正しく背景色を表示するためには、一部のCSSプロパティを修正する必要があります。
- 確認はFirefoxとSafariで行っており、どちらのブラウザでも同様の問題が発生しています。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- suzuko
- ベストアンサー率38% (1112/2922)
<div id="main_contents_top"></div> これ <div id="main_contents_header"></div> の間違いですよね。＾～＾ 「top.png」「bg.png」「bottom.png」をそれぞれ width: 800px; height:20px; の画像で作成し、CSSのURLを「./top.png」でなく「../top.png」にしたところ、Mozilla FirefoxやIE7では表示されていますね。
お礼
ありがとうございます。そして、スミマセン！ご指摘の通り、指定ミスがありました。お恥ずかしい限りです。 最初の質問で、 <div id="main_contents"> ここにいろいろなコンテンツを置いていく </div> ↑ ここを省略して書きすぎました。どうも私の場合は「floatさせた内容を入れると背景が出ない」という状態のようです。 http://2nose.com/css/?ID=120 <div id="main_contents">の間に、左右にfloatさせた内容（メニューとコンテンツ）を入れていました。 だんだんと難しい世界になってきましたが、がんばってみます。 ご回答ありがとうございました！
- goldfox
- ベストアンサー率49% (123/249)
それは、画像の問題ではないですか？ 例えば、その背景画像の大きさが高さ300px以上で、下の方にだけ画像が書かれているとか。 （上のほうが余白状態でテキスト1行だけでは画像部分が表示されない）
お礼
ありがとうございます。背景として使用している「bg.png」は、小さな画像なのですが、no-repeat指定してないのでrepeatされてすべてを覆い尽くして表示されると思ったのです・・・ 上の方に余白がある、ということはありません・・・
お礼
な、なるほど！できました・・・！ 昔ながらの「上にフタして真ん中があって、下にフタ」という考えが根強くあったため、 <div id="main_contents_bottom"></div></div> という書き方は試しておりませんでした。 浮いたところを元に戻しつつフタをする、みたいな感じでしょうか。 Web標準、勉強します。ありがとうございました。