質問: cssでdivで挟んでいるのに背景色が出ない? cssと(x)htmlでページを作っています。角丸なページにしたいため、 /* ---------- 角丸画像の上辺 ---------- */ #main_contents_header { width: 800px; height:20px; background:url(./top.png) no-repeat top; margin: 10px auto 0px; padding: 0; text-align: center; } /* ---------- 上辺と下辺の間のメイン部分 ---------- */ #main_contents { background:url(./bg.png); width: 800px; margin: 0 auto; padding: 0; text-align: center; } /* ---------- 角丸画像の下辺 ---------- */ #main_contents_bottom { width: 800px; height:20px; background:url(./bottom.png) no-repeat top; margin: 0 auto; padding: 0; text-align: center; } というcssを作り、 htmlは ここにいろいろなコンテンツを置いていく という書き方にしているのですが、の背景画像が正しく出ず、地の色が見えてしまうのです。試しにへpadding-bottom:300pxというような指定を加えると、正しく背景画像が出ました。 ここにいろいろなコンテンツを置いていく という書き方ではダメなのでしょうか・・・? 確認はfirefoxとsafariでやっています。
回答: それは、画像の問題ではないですか? 例えば、その背景画像の大きさが高さ300px以上で、下の方にだけ画像が書かれているとか。 (上のほうが余白状態でテキスト1行だけでは画像部分が表示されない)