- 締切済み
firefoxでcssを使った時背景画像が表示されない
CSSでfloatを設定し、その中のそれぞれに背景画像を表示しようとすると、上手くいきません。 背景画像も背景色も表示されません。 構文に間違いがあるのでしょうか? それともそのような仕様なのでしょうか? よろしくお願いいたします。 ###CSS### #container { width: 900px; background-image: url(images/back.jpg); background-repeat: no-repeat; } #header { width: 900px; } #contents { width: 748px; background-color: #FFFFFF; background-image: url(images/image.jpg); background-repeat: no-repeat; background-position: top; padding: 0px; margin-left: 76px; } #footer { clear: both; width: 748px; margin-left: 76px; } #sidebar { float: left; background-image: url(images/side.jpg); width: 180px; margin-top: 14px; background-color: #FFFFFF; } #main { float: right; width: 568px; padding: 0px; background-color: #FFFFFF; background-image: url(../images/image2.jpg);
- みんなの回答 (3)
- 専門家の回答
みんなの回答
- 8823880
- ベストアンサー率0% (0/0)
CSSの内容については確認できていないのですが(すいません)、 私も同じ現象で悩んでおり、参考になるサイトを見つけましたのでURLをご連絡します。 このページの解説通りに修正していくと 背景画像は表示されるかと思います。 ※CSSをパッと見て気づいたのですが、 #mainの終了に } が抜けています。
<div id="contents"> <div id="sidebar">ああああ</div> <div id="main">いいいいいいいいい</div> <br style="clear: both;"> </div><!-- end contents -->
- amago001
- ベストアンサー率0% (0/1)
url("images/side.jpg")