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

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

締切り済みの質問

IE,Firefoxでbodyの背景画像が表示されません。

IE8とFirefox3.0で、
cssでbodyに入れている
background-image、background-colorがどちらも適用されません。

Sleipnir2.8.5ではきちんと表示されます。
ですので、htmlはあっているかと思います。
一通り、タグぬけがないかとかも、調べてみましたが、
特にないようです。

いろいろ調べてみましたが、わかりません。
hasLayout対策とかも試してみました。
(width や position をいれるなど)

下記がbodyのcssです。
body {
color: #333;
text-align: center;
font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 14px;
background-color: #FFFF66;
background-image: url("img/bg.jpg");
background-position: center top;
background-repeat: repeat-y;
margin: 0px;
}

教えていただけると、
大変助かります。
よろしくお願いいたします。

投稿日時 - 2009-09-17 11:20:05

QNo.5297171

すぐに回答ほしいです

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

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

回答(3)

ANo.3

htmlファイルとcssファイルが別ディレクトリではありませんか?
cssのurl()で相対パス指定をすると、cssファイルを起点とした相対パスになりますが、合ってますか?

投稿日時 - 2009-09-17 22:53:29

補足

解決しました!

外部CSSからbodyとcontainerを抜き出して
内部に貼り付けたら、きちんと表示されました。

なぜなのか、意味がわかりませんが、
とにかく解決しました。
ありがとうございます。

投稿日時 - 2009-09-18 11:30:49

お礼

回答ありがとうございます。

ディレクトリは合っていました。
うーむ。

投稿日時 - 2009-09-18 11:13:06

ANo.2

img/bg.jpgファイル等が別のフォルダ-に
入ってしまっているかもしれません(サーバー内で)

あとは
サーバー能力が弱くてバック画面を持ってくるまでの
時間がかかりすぎているかも。

投稿日時 - 2009-09-17 13:54:41

補足

解決しました!

外部CSSからbodyとcontainerを抜き出して
内部に貼り付けたら、きちんと表示されました。

なぜなのか、意味がわかりませんが、
とにかく解決しました。
ありがとうございます。

投稿日時 - 2009-09-18 11:33:21

お礼

さっそくの回答ありがとうございます。

サーバーを調べたところ、フォルダに画像は
入っていました。

サーバーとIEの相性がわるいのでしょうかね?

投稿日時 - 2009-09-17 16:01:46

ANo.1

Firefox3.5とIE8で試したところ動作しました。

FirebugやIE8の開発者ツールで調査すれば何かわかるのではないでしょうか。

投稿日時 - 2009-09-17 12:30:18

補足

解決しました!

外部CSSからbodyとcontainerを抜き出して
内部に貼り付けたら、きちんと表示されました。

なぜなのか、意味がわかりませんが、
とにかく解決しました。
ありがとうございます。

投稿日時 - 2009-09-18 11:34:43

お礼

開発者ツールですか。
私にとって、新しい発想ですね。

ちょっと、調べてみます!
ありがとうございます。

投稿日時 - 2009-09-17 16:03:53

あなたにオススメの質問