• 締切済み

スタイルシートで指定した画像が表示できない

使用している3台のパソコンのうち1台だけCSS内で指定した画像が表示できません。(↓参照) #header { background-color: #FFFFFF; background: url(../images/header_back.jpg) repeat-y; } いろいろなページを見ましたが、全て上記のようにCSSから読み込むようになっている場合表示されません。 使用環境 WinXP IE6 SP2 および IE7(バージョンアップしてもダメでした) IE6 SP1の場合は、同じ現象がマイクロソフトのサイトに不具合の情報として載っていました↓ http://support.microsoft.com/kb/825057/ja バージョンが違いますが、試しに回避策を行ってみましたが直りませんでした。 他にも[インターネットオプション]から[Cookieの削除][ファイルの削除][ユーザー補助のユーザースタイルシート]等思いつくものを試したましたが今のところ表示されません。 他にも試した方が良いことがあれば教えて下さい。 宜しくお願いします。

みんなの回答

  • golive001
  • ベストアンサー率54% (20/37)
回答No.3

質問よく読んでませんでした・・。 これは困った症状ですね。私の環境もWinXP IE6環境ですが正常に表示されました。最悪再インストールしか手はないように思います。 力になれなくてごめんなさい。

  • golive001
  • ベストアンサー率54% (20/37)
回答No.2

ご指摘のサイトは 全画面Flashのようですが・・・。 これが読み込めないんですか?

lan-lan
質問者

お礼

失礼しました。ページの内容が変わってました。 最初に気づいたのは随分前なので。Flash+cssだったのです。 ちなみにFlashは以前から見えます。 例えば、ブログの背景は全部見えません。 全ページ確認したわけではありませんが、やはりそのブログの背景はCSSで指定されていました。 最初の質問に載せたMSの不具合情報とほぼ同じで、CSSで記述した背景色や画像が正しく読み込めないようです。

  • golive001
  • ベストアンサー率54% (20/37)
回答No.1

widthとheightが指定されてないからじゃない? こうしてみて #header{ width:画像の横幅 px; height:任意の横幅 px; //(下記のrepeat-yがあるため)// background:#ffffff url(../images/header_back.jpg) repeat-y top left; } 試してないけど・・・

lan-lan
質問者

お礼

回答ありがとうございます。 残念ながら、質問は自分の作ったページだけの話ではないのです。 全サイトに対してCSSから画像が読み込めないのです。 最初に気づいたのは全日空のサイトですが↓ http://www.ana.co.jp/int/campaign/china20th/index.html また思いついたら教えて下さい。

関連する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);

  • スタイルシートが反映されません。

    本の通り、スタイルシートを記述しましたがIE5.5では背景が反映されず NN4.75ではHTMLの内容までも消えて、何も表示されません。 htmlファイルのすぐ上のimagesフォルダにbggreen.jpgを入れてあり、 ディレクトリは間違いないと思うのですが、何がおかしいのかわかりません。 よろしくお願い致します。 <TYPE="text/css"> <!-- body { background-image: url('images/bggreen.jpg'); background-repeat: repeat-y } --></STYLE>

    • ベストアンサー
    • HTML
  • h1にタイトル画像を指定しているのですが・・

    h1にテキストでは、ページのタイトルを入れて、CSSで背景を指定しています。 【HTML】 <div id="header><h1>タイトル</h1></div> 【CSS】 #header h1{ text-indent: -9999px; background-image: url(../images/share/title.gif); background-repeat: no-repeat; height: 43px; width: 317px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; text-align: left; } FirefoxとIEでは表示されているのですが、Operaで見ると表示されていません。Operaで表示させることは難しいのでしょうか?

  • 複数指定の背景が表示されない

    困っているのでどなたかお力添えをお願いします。 htmlとbodyにそれぞれ別の背景画像を指定しているのですが、 IE6でのみ片方の背景が表示されません。 html { background: url(../images/bg.jpg) repeat center bottom; } body { background: url(../images/header-bg.jpg) repeat-x center top; } どうすれば表示されるようになるでしょうか? divを使う背景画像の複数指定が上手くいかなかったのでこのやり方をしています。

    • ベストアンサー
    • HTML
  • 画像が表示されません

    cssを使って、ホームページを作成しようとしています。 ファイルの構成は \MyHP のフォルダーの下に\image と \style と index.html としており、\image の中に 画像の hana.gif を入れ、\style の中に style.css の名前でcss ファイルを書いています。 hana.gif を画面の左端に並べようとして、cssには body {background-image:url(image/hana.gif); background-repeat:repeat-y; background-attachment:fixed} と書いています。 勿論 index.html の <header> には <link rel="stylesheet" href="style/style.css" type="text/css"> は書いています。 しかし、何も表示されません。 background-color:#ffff00; と書き換えると、画面は黄色一色に変わります。 他のことでも試していますが、どうも background-image:url(....) となるとうまくゆかないようです。 background:url(......)としてもダメです。 何が悪いのでしょうか。現在はIE7を使用していますが、IE6でもダメです。 画像ソフトで hana.gif を確認しましたが、問題なく画像が表示されます。

  • ネットスケープでのスタイルシート指定の背景表示について

    以前の他の質問「背景の入れ方http://oshiete1.goo.ne.jp/qa72221.html」である回答者さんが 「{ background-image: url(画像ファイル名) background-repeat: ★ } ※★の部分がrepeat-x(水平方向に1列)、repeat-y(左側・縦方向に1列)、no-repeat(1つだけ表示) 以上3つはとりあえず、問題なく表示されております。 逆に駄目なのはcenter(背景を中央から開始)、top right(右側・縦方向に1列)などです。」 と、center指定だと表示されないと書かれていました。 私もそうだと思ったのですが、コチラのサイト(http://www.asahi.com/ad/clients/korewa-tsukaeru/)では ネットスケープで見ても綺麗に中央に来ていました。CSSもダウンロードして見て見ましたが、 「BACKGROUND: url(images/bg.gif) #f5f5f5 repeat-y center 50%・・・」とcenterを使っていました。 なぜこのサイトがネスケでも綺麗に表示されるのか、ご存知の方お教えください。

    • ベストアンサー
    • HTML
  • 上部と下部にx-repeat∞の背景画像を置きたい

    html { background-image: url(../images/design_02.jpg); background-repeat: repeat-x; background-position: top; } body { font-family: sans-serif; color: #333333; background-color: #ffffff; background-image: url(../images/design_47.jpg); background-repeat: repeat-x; background-position: bottom; } でcssを組んでいます。 画面一杯に、ヘッダーを含めた上部、フッターを含めた下部にグラデ背景を乗せたデザインにしたいのですが、上記cssでは緩衝しあうのか、bodyで置いた画像しか表示されません。 このようなデザインにしたい場合、どのようなcssにすれば良いのでしょうか。

    • ベストアンサー
    • CSS
  • CSSで指定したイメージ位置がブラウザに正しく表示されません。

    CSSで指定したイメージ位置がブラウザに正しく表示されません。 OS:Windows7 ブラウザ:IE8,Chrome,Sleipnir(どのブラウザも正しく表示されませんでした。) とりあえずHTML構文を表記します。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- body{ color:#000000; background:#ffffff url("images/back.gif") repeat-x bottom; } --> </style> <title>9999</title> </head> <body> <h1>海沿いを走る青島線</h1> <p>都市と自然が共生するこの沿線は<br> 便利さと安らぎをあなたにお届けします。</p> <p>ひいらぎ不動産はこの街で<br> あなたの理想のお部屋探しをサポートします。</p> </body> </html> 問題はIE8にあると思い、 IE8をアンインストール(Windows7とIE8はセットのためアンインストール方法が通常と少し違いました。)しましたが、やはりだめでした。 ということはWindows7自体にCSSやHTMLのバージョンについて不具合があるのでしょうか。 ちなみに他のPC(WindowsXP)では問題なくイメージが正確に下に表示されます。 ※なんとか自己解決?はできたものの、達成感0です。 body{ color:#000000; background:#ffffff url("images/back.gif") repeat-x bottom; } を body{ color:#000000; background:#ffffff url("images/back.gif") repeat-x bottom; padding-bottom:400px; } と 修正したらなんとか本来あるべき位置に画像が表示されました。 最初は400pxじゃなく100%で指定したのですが、 画像がかなり下の方(ページ3個分ぐらい)に表示されてしまったため400pxに直しました。 ですが、やはりこれではすっきりしません。 もっとスマートな解決方法があるのではと思います。 どなたかご教授ください。

    • ベストアンサー
    • HTML
  • 背景画像を二つ指定

    こんにちは。 全体の背景画像(斜めストライプの柄)と、 コンテンツ部分に背景画像(白で両サイドに線)を別々に指定したいのですが、 IEではうまく表示されましたがNetScape、Firefoxでは真ん中の画像が表示されません。。 URLはこちら http://ic.web6.jp/portfolio/rigtig.html 全体の背景はbodyに、 コンテンツにはdiv要素にrepeat-yで背景をそれぞれ指定しました。 どうすればIE以外でもうまく表示されるでしょうか? 背景を指定しているCSSはこちら body { width : 762px; margin : 0 auto; background-image : url("images/top_bg.gif"); line-height:1.4; font-size:10pt; } div#wrap{ width : 762px; background-image : url("images/body_bg2.gif"); background-repeat: repeat-y; }

    • ベストアンサー
    • HTML
  • Lightbox2.0にてnext、prev画像が表示されない

    タイトル通りなのですが、ホームページにてLightbox2.0を使用しているのですが、next、prev画像が表示されません。 パスを変更してclose、loading画像は表示できたのですが、他に変更するところはあるのでしょうか? lightbox.cssにて #prevLink:hover, #prevLink:visited:hover { background: url(/images/nextlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/images/prevlabel.gif) right 15% no-repeat; } こちらにてパスを変更しましたがIE、Firefoxどちらとも表示されず・・・ どうすれば表示できるのでしょうか?

専門家に質問してみよう