みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

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

締切り済みの質問

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);

投稿日時 - 2006-07-31 11:27:07

QNo.2310478

暇なときに回答ください

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

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

回答(3)

ANo.3

CSSの内容については確認できていないのですが(すいません)、
私も同じ現象で悩んでおり、参考になるサイトを見つけましたのでURLをご連絡します。
このページの解説通りに修正していくと
背景画像は表示されるかと思います。

※CSSをパッと見て気づいたのですが、
#mainの終了に } が抜けています。

参考URL:http://www.fsiki.com/archive/css-doc/float.html

投稿日時 - 2006-08-30 03:34:02

ANo.2

<div id="contents">
<div id="sidebar">ああああ</div>
<div id="main">いいいいいいいいい</div>
<br style="clear: both;">
</div><!-- end contents -->

投稿日時 - 2006-07-31 12:15:30

ANo.1

url("images/side.jpg")

投稿日時 - 2006-07-31 12:02:31

あなたにオススメの質問