• ベストアンサー

CSSの表示の違い(IEとFirefox)

背景を固定するために、CSSを使いました。 IEで見ると、指定したとおり右下で固定されているのですが、Firefoxで見ると、全体に表示されて固定されません。 ネット上を探して見ると、Firefoxでも固定されているサイトはかなりあります。 そうすればいいのでしょうか? <style type="text/css"> <!--body {background-color:"white"; background-image:url("http://www.******-labo.com/sozai_mami/clip_arts/moon/05/white/blue.jpg"); background-repeat:"no-repeat"; background-position:"bottom right"; background-attachment:"fixed";}--> </style>

  • CSS
  • 回答数3
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
noname#20377
noname#20377
回答No.1

<!-- body {background-color:white; background-image:url("http://www.******-labo.com/sozai_mami/clip_arts/moon/05/white/blue.jpg"); background-repeat:no-repeat; background-position:bottom right; background-attachment:fixed;} --> 文字列値でないものは""でくくらないようにしてください

その他の回答 (2)

  • crepon133
  • ベストアンサー率51% (399/776)
回答No.3

""で囲まない body { background-color:white; background-image:url("xxx/xxx.jpg"); background-repeat:no-repeat; background-position:bottom right; background-attachment:fixed; }

  • rusya
  • ベストアンサー率51% (73/143)
回答No.2

スタイルの指定がコメント化されています。 「<!--」と「-->」で囲まれた部分は「コメント」として、ブラウザに無視される仕組みになっています。 これを消せば問題なく表示されると思いますが。 IEはソースの解釈があいまい(というかいい加減)な面があるので、あまり信用できませんね。

関連するQ&A

  • Firefoxで背景画像が表示されず困っています

    サイトを作り確認してみたところ、 IEでは背景画像がきちんと表示されるのですが Firefoxでは表示されないようです。 下記のように入力しているのですが、何が原因なのかわかりません…。 詳しい方、教えていただけないでしょうか。 <!-- BODY {      background-image: url(http://aaaaa.jpg); background-color: #ffffff; background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; } -->

    • ベストアンサー
    • HTML
  • スタイルシートをFirefoxでもうまく表示させるには・・・

    スタイルシートでセルに背景を指定しています。 Left{ color : white; background-repeat : no-repeat; background-attachment : fixed; width : 208px; font-size : 12px; font-weight : bold; text-align : center; background-image : url(.gif); } IEではその背景はうまく表示されるのですが Firefox ではその背景は表示されません。 その原因を色々なサイトで調べてみましたが明確な対処方法が見つかりません。 セルの背景をスタイルシートで指定してFirefox でもうまく表示させる方法を教えて下さい。

  • 壁紙(画像の固定)

    http://dsc.jugem.jp/?tid=23 ↑のテンプレを使用するつもりですが、このトップに画像をおきたいのですが、 例えば、壁紙をダウンロードしてきて貼り付けたら、一つの画像がいっぱい反映されるのです。 っていう事は固定すべきですよね? htmlで<STYLE type="text/css"> <!-- BODY { background-image : url("画像URL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </STYLE> ↑これは反映されなくて、cssだと反映されます。 しかしcssに、 background-image:url(画像URL) background-repeat:no-repeat; background-position:right bottom; ↑こう入れても反映されません。何故でしょうか?どういうタグを使えばいいのですか?

  • DreamwerverMX2004での背景固定がうまくいきません

    お世話になります 実は、背景固定を<head></head>内に指定したのですが、ブラウザでうまく見れません。 ドラッグすると文字がザーっと下につながるようで通常ありえない画面になります。 リンクの際には今の画面と次の画面が重なるように一緒に出てしまいます。 タグは以下の通りです <STYLE type="text/css"> <!-- BODY { background-image : url(sozai/tulip_white01.jpg); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </STYLE> 尚、ブラウザチェックエラーのコメントは background-repeatは再描画上の重大な問題の原因になることがあるため、使用を避けてください となります すみませんが、とても困っています。 誰か教えてください!

  • スタイルシートからの?リンクの貼りかた

    <style type="text/css"> <!-- body {background-image:url(sora.jpg); background-repeat:no-repeat; background-position: right bottom; background-attachment:fixed;} --> </style> ↑このようなスタイルシートがあります。 sora.jpgという画像を固定して表示しています。 この空の画像から他のページにリンクを貼るにはどのような タグを書けばいいのでしょうか? スタイルシートの中に<a href="">とかけばいいのでしょうか? スタイルシート初心者で何も分からないので分かりやすく教えてください。

  • ホームページ作成

    背景を右下に設定する時は <style type="text/css"> <!-- body{ background-image: url(背景画像のURL); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; } --> </style> を<head>から</head>までに書けばいいと書いてあったので <html> <head> <meta http-equiv="content-type" content="text/html; charset=EUC-JP"> <title>無題</title> <meta name="generator" content=" 6.0.0.49"> <style type="text/css"> <!-- body{ background-image: url(背景画像のURL); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; } --> </style> </head> <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red"> <p style="line-height:150%;">&nbsp;</p> </body> </html> と書きましたがダメでした。 どこが間違っていますか? またどうすれば直るか教えてください。 当たり前ですが、「画像URL」のところはちゃんとアドレスに置き換えました。

  • テーブルにスタイルシートを使う方法

    こんにちは、テーブルタグのことで質問があります。 普通、背景画像でスタイルシートを使い右下などに固定するタグは <STYLE TYPE="text/css"> <!-- BODY { background-image : url("画像の名前"); background-repeat : no-repeat; background-attachment : fixed; background-position : left bottom; background-color:#FFFFFF; } --> </STYLE> となると思いますが、これは通常<head></head>の間にいれますよね。 これをテーブルの中で使うにはどうすればいいでしょう? テーブルの背景画像を右下や左下などに固定したいということなんですがそういうことはできますか? よろしくお願いします;

  • FC2のテンプレ

    共有テンプレのsweet-memory を使用してます。 今の画像と差し替えて右下固定にしたいのですが、どこを変えたらいいのかわかりません。 <style type="text/css"><!-- body { background: white url(***.jpg) no-repeat fixed right bottom } --></style> ↑こう入れるのはわかってるのですが。。 お願いします。

  • 時間帯によって背景画像を変える

    タイトル通りなのですが、なかなかうまくいきません・・・。 <BODY style="background-image:url(test.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;"> スタイルを使って右下に背景画像を表示しています。このtest.gifを時間帯によって変えたいです。 自分なりにこのようにしてheadタグの中に埋め込みましたがうまくいきません。 <SCRIPT LANGUAGE="JavaScript"> <!--- function geth(t){ if (t<=5) document.write("<BODY style='background-image:url(test1.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); else { if (t<=11) document.write("<BODY style='background-image:url(test2.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); else { if (t<=17) document.write("<BODY style='background-image:url(test3.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); else { if (t<=23) document.write("<BODY style='background-image:url(test4.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); }}} } //---> </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> <!--- h = new Date(); geth(h.getHours()); //---> </SCRIPT> <BODY BACKGROUND='test.gif'>という普通の背景の表示の仕方ならうまくできました。スタイルはheadの中では使えないのでしょうか・・・?どのようにすればうまくいくでしょうか?JavaScriptに関してはほとんど無知ですがよろしくおねがいします。 ※意味不明なことを言っていたらすみません。

  • 壁紙を二つ固定したい。(HTML)

    ホームページを作っていてHTMLで壁紙を左横と真ん中に固定して、二つ表示されるようにしたくて、下記の設定をしたのですが、どちらか一つしか表示されません。説明がわかりにくくてすみません。 どうしたらいいでしょうか?? お手数をおかけしますが、よろしくお願いします。 <head> <style type="text/css"> <!-- body{ background-image: url(画像のURL); background-attachment: fixed; background-repeat: no-repeat; background-position: 55% 50%; body{ background-image: url(画像URL); background-attachment: fixed; background-repeat: repeat-y; background-position: left; } --> </style> </head>