• 締切済み

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; } 教えていただけると、 大変助かります。 よろしくお願いいたします。

みんなの回答

  • notnot
  • ベストアンサー率47% (4900/10358)
回答No.3

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

magimo
質問者

お礼

回答ありがとうございます。 ディレクトリは合っていました。 うーむ。

magimo
質問者

補足

解決しました! 外部CSSからbodyとcontainerを抜き出して 内部に貼り付けたら、きちんと表示されました。 なぜなのか、意味がわかりませんが、 とにかく解決しました。 ありがとうございます。

  • a3453a
  • ベストアンサー率28% (132/460)
回答No.2

img/bg.jpgファイル等が別のフォルダ-に 入ってしまっているかもしれません(サーバー内で) あとは サーバー能力が弱くてバック画面を持ってくるまでの 時間がかかりすぎているかも。

magimo
質問者

お礼

さっそくの回答ありがとうございます。 サーバーを調べたところ、フォルダに画像は 入っていました。 サーバーとIEの相性がわるいのでしょうかね?

magimo
質問者

補足

解決しました! 外部CSSからbodyとcontainerを抜き出して 内部に貼り付けたら、きちんと表示されました。 なぜなのか、意味がわかりませんが、 とにかく解決しました。 ありがとうございます。

  • mdp36
  • ベストアンサー率72% (26/36)
回答No.1

Firefox3.5とIE8で試したところ動作しました。 FirebugやIE8の開発者ツールで調査すれば何かわかるのではないでしょうか。

magimo
質問者

お礼

開発者ツールですか。 私にとって、新しい発想ですね。 ちょっと、調べてみます! ありがとうございます。

magimo
質問者

補足

解決しました! 外部CSSからbodyとcontainerを抜き出して 内部に貼り付けたら、きちんと表示されました。 なぜなのか、意味がわかりませんが、 とにかく解決しました。 ありがとうございます。