• ベストアンサー

F5などで更新すると、画像やCSSが崩れたりして、動作が安定しない

表題の件で質問させてください。 現在、WEBサイトの制作を行っており、ローカルの自分のPCの環境で確認した場合は、画像もCSSも指定どおりの表示になるのですが、サーバーにアップすると、うまく指定が効いていない場合があります。 「場合がある」というのは、F5などで更新すると、たまに正常に表示させる事があると言うことです。 F5で画面の更新を続けていると、画像が表示されたり、されなかったり。 CSSが一部効いたり、効かなかったり・・・ と、かなり表示が不安定な状態になります。 ローカルと同じように正常に表示される事もあるので、パスが間違っている事はないとは思いますし、キャッシュ等をクリアしてからでも、事象が改善はされません。 ネットで調べようにも、何を調べればいいのか検討も着きませんでした。 どなたか、解決策をご教授願えませんでしょうか。 宜しくお願い致します。

  • u_713
  • お礼率82% (19/23)
  • HTML
  • 回答数3
  • ありがとう数2

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

  • ベストアンサー
noname#100277
noname#100277
回答No.3

CSSは外部ですか? 内部/直接記述ですか? 後者だったら、サーバーの不具合を疑うべきでしょう。

u_713
質問者

お礼

ご回答ありがとうございます。 CSSは、元々は外部のcssファイルで記述しておりました。 ただ、内部/直接記述に修正して試してみましたが、 事象は変わりませんでした。 サーバーの担当者に確認してみます。 サーバーの不具合だとしたら、どのような設定を見直したら良いのでしょうか?

u_713
質問者

補足

こちら自己解決しました。 やはりサーバーの不具合と言うか、apacheの設定をいじったら事象が発生しなくなりました。 直した箇所は KeepAlive Off ↓ KeepAlive On IndexOptions FancyIndexing VersionSort NameWidth=* HTMLTable ↓ 削除 をしたら直りました。 いろいろとありがとうございました。

その他の回答 (2)

  • talby1981
  • ベストアンサー率30% (8/26)
回答No.2

不思議な現象ですね。 サーバといのは、外部のレンタルサーバか何かでしょうか? サーバの処理速度や通信速度は問題ないですか? 別のサーバ環境にアップできるなら、そちらで試してみるのはどうでしょう? もしそれでも同じような状態になるなら、何かしらソースの方に問題があるかもしれません。

u_713
質問者

お礼

ご回答ありがとうございます。 サーバーは、先方が自社でサーバーをたてたものにアップしています。 処理速度や、通信速度は特に問題ないと思っています。 別のサーバーにアップしたものでは、同様のソースで問題なく表示が出来ています。 と言うか、別サーバーで正常に表示されていたものを、先方サーバーに乗せ変えたら、当該の事象が起きてしまっています。

noname#83877
noname#83877
回答No.1

確認しているブラウザは何ですか? 私もIEで確認した場合はキャッシュのせいか反映されないことがたまにありますよ。

u_713
質問者

補足

確認しているブラウザは、IE7,firefox3 でそれぞれ確認しています。 キャッシュはクリアしているので、キャッシュの問題では無いと思っています。 また、F5で更新を何回もしていると、反映されたり、されなかったりするのも、通常のキャッシュが残ってしまっている時の動きとちょっと違う気がするのです。 宜しくお願い致します。

関連するQ&A

  • XHTML+CSSの印刷について

    XHTML+CSSにて <div id=""></div>にて段組で制作しております。 そこでCSSを外部読み込みのURLにて指定しております。 IEにて印刷プレビューするとメインの画像しか映らなく メニューやコンテンツ部分が正常に映りません。 この場合どのようにしたら正常に表示する事ができるでしょうか? (CSSに問題あるのでしょうか?) 下記のサイトもそのような例です。 (フラッシュ部分の画像しか映らない) http://www.kanematsu-oilgas.co.jp/

    • ベストアンサー
    • HTML
  • CSSが反映されない場合がある

    PHP + CSS + MySQLを独学中の者です。 作成中のHPで、CSSが反映されない事があり、原因究明に苦心しています。 【事象】  作成中のHPにアクセスすると、CSSが反映されない状態で表示(描画)される事がある。 【情報と考察】  ・PHP5.x、CSS、MySQL5のレンタルサーバで作成中。  ・10回に2回程度の割合で事象が発生する。  ・正常に適応されている時は、想定通りのCSSが描画されている為、コード上の問題は低い。  ・CSSは8つの外部ファイルで構成して、htmlの「link」タグで指定している。  ・事象が発生した場合も、生成されたhtml上では「link」タグで指定されている。   (パスも問題なし)  ・複数のブラウザ(IEとFirefox)でも事象は発生する。 以上から、何か原因の可能性として挙げられる事はありますでしょうか。 ご教授・アドバイス頂ければ幸いです。

    • ベストアンサー
    • PHP
  • URLの末尾が更新ごとに変わってcssで消せない

    よろしくお願いします。 webサイトを制作してます。 画像のURLの末尾(?から先)がページの更新ごとに変わってしまい、個別に画像を指定してcssで消すことができません。 htmlはサーバーから勝手に挿入されるのでhtmlは編集できません。 idやclassも指定されてないのでどうしようも無いです。 また特に入れ子にもなっていません。 htmlは<IMG SRC="http://hogehoge.co.jp/serv?s=382116062&t=1393423209" ALT=1 WIDTH=1 HEIGHT=1>です。 どのようにすればcssでこの画像を消せますか?

    • ベストアンサー
    • CSS
  • 画像が更新されない

    はじめまして。 ご相談したいことなのですが、 php5 mysql を使用してプログラムを作成しております。 そしてつまずいてしまい2日間解決できずに皆様の力をお借りできればと思います。 フォームを使用し画像を登録するシステムを作っています。 そして画像を変更するシステムを作成しているところで、画像の更新が表示上反映されないのです。 データベース・ティレクトリ内は更新されていて、ページを更新(F5)をするまで画像が反映されないのです。 キャッシュが残っているのかと思い、 <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="-1" /> <meta http-equiv="Cache-Control" content="no-cache" /> の記述をしたり 画像を入れているディレクトリに.htaccessを使い Header set Cache-Control "no-cache" Header set Pragma "no-cache" と記述しているのですがまったくダメで困っています。 単純なことかも知れませんがよろしくお願い致します。

    • ベストアンサー
    • PHP
  • ナビゲーションにCSSで画像入れるには

    宜しくお願いします。 制作ソフトはDreamweaver8、XHTML+CSSレイアウトでデザインビューでやっています。 CSSでのナビゲーションについて質問させて頂きます。 横型の8項目あるナビゲーションを、画像で作りたいのです。 そしてCSSで高さ40に指定した「#navi」の中で、改行しながら8項目入力しました。 8ヶとも斜体にしリンク設定して、CSSの「#navi p」を作りフロートを左、マージンと余白を0にすると横並びになりました。 そして「#navi p a」のCSSを作り、表示をブロックにして高さ40幅100に。「#navi p em」で可視性を非表示に。 ここからです。ここからこの100×40のリンク箇所に、ナビ画像を「a:link a:visited a:hover a:active」の4つ×8ヶ入れたいのです。 CSSで背景として入れると思うのですがやり方がわかりません。 もし分かる方おられましたら、宜しくお願いします。

  • CSSでテーブルのように画像を均等表示させるには?

    お世話になります。CSS初心者です。 もしかしたらweb制作者様にとっては簡単なことかもしれませんが、いろいろ調べてもよく理解できなかったので、どうか教えてください。 添付画像のようなレイアウトでサイト制作しています。 このように#rightbox内に10の画像を均等に表示させたいと思っています。 かつてテーブルタグといったものが使われていましたが、現在テーブルは推奨できないということで、外部CSSファイルでレイアウト表示させたいと考えています。 このようなレイアウトで表示させる場合、どのようなCSSの記述が好ましいでしょうか。 参考書などで調べたところ<ul>と<li>要素を使用するのが一般的だということでしたが、正直よく分かりませんでした。どうかご教授お願いします。 ちなみにこの画像のリストはクリックするとThickboxで大きな画像が表示されるようにしたいです。

    • ベストアンサー
    • HTML
  • 画像が更新されない2

    はじめまして。 ご相談したいことなのですが、前回下記の質問をしました。 ************************************************************************** php5 mysql を使用してプログラムを作成しております。 そしてつまずいてしまい2日間解決できずに皆様の力をお借りできればと思います。 フォームを使用し画像を登録するシステムを作っています。 そして画像を変更するシステムを作成しているところで、画像の更新が表示上反映されないのです。 データベース・ティレクトリ内は更新されていて、ページを更新(F5)をするまで画像が反映されないのです。 キャッシュが残っているのかと思い、 <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="-1" /> <meta http-equiv="Cache-Control" content="no-cache" /> の記述をしたり 画像を入れているディレクトリに.htaccessを使い Header set Cache-Control "no-cache" Header set Pragma "no-cache" と記述しているのですがまったくダメで困っています。 単純なことかも知れませんがよろしくお願い致します。 ************************************************************************ 上記の質問でURLの後ろにrand関数で?id=***などをつけるとページが更新されるとご回答頂きまして、試したところそのときは無事出来たのですが、また何度かやっているうちに画像が更新されないようになっています。 何か問題があるのでしょうか? 使用しているブラウザの問題なのでしょうか? 何度も同じ質問になってしまい申しわけございませんがよろしくお願い致します。

    • ベストアンサー
    • PHP
  • CSSでの画像指定について。

    CSSでの画像指定について。 ファイルパスの指定について教えてください。 フォルダ1の中に「sample.html」、「sample.css」、「img」フォルダが入っており、 「img」フォルダの中に、「nature_01.gif」が入っています(下図)。 -------------------------------------------------------------------------- フォルダ1 L sample.html L sample.css L img(フォルダ)  img(フォルダ)  L nature_01.gif   ---------------------------------------------------------------------------- このファイル構成だと、sample.css の中で 『background-image:url(/img/nature_01.gif)』のようにパスを指定すれば良い と理解していたのですが、背景に画像が表示されませんでした。 その後、下記のように修正すると、画像が表示されるようになりました。 firefox3.5 →修正後は画像が表示される。 Internet explore 8 →修正前、修正後ともに表示されない。 ----------------------------------------------------------------------- 【修正前】 #contents{ width:750px; background-image:url(/img/nature_01.gif); 【修正後】 #contents{ width:750px; background-image:url(../img/nature_01.gif); ------------------------------------------------------------------------ OS・・・windows xp なぜ、こうなるのか、わかるかたがいましたら教えてください。 よろしくお願いします。

  • cssでの画像グレースケール指定が効かない

    現在cssにて、特定の画像をグレースケール表示にする指定をしているのですが、Androidの機種にてこのcssが効かない事が判明しました。 (SONY NW-F805 ブラウザはこの機種に入っているデフォルトの「ブラウザ」というものです。) あまりcssに詳しくなく、どなたか対応策ご存知の方、ご教示願えませんでしょうか。 cssのパスの間違いが無い事は確認しております。 cssの指定 img.gray { -webkit-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; } html内での指定 <img src="sample.jpg" width="60" height="80" alt="sample" class="gray" /> お手数をおかけしますが、よろしく御願いいたします。

    • 締切済み
    • CSS
  • CSS内で呼び出してる画像に対して、class属性をつけたい

    CSS内で呼び出してる画像に対して、class属性をつけたい お世話になります、CSSに関して下記のようなことは可能なのでしょうか。 とあるライブリにimgタグにclass属性を指定して使用するものがありました。 例:<img src="image.gif" class="○○"/> (クラスを指定すると画像にエフェクトがかかる) これをcssで下記のように呼び出している画像に対して適用することは可能でしょうか。 [cssファイル] #bkg .opt1 { background: url('画像のパス'); } [html] //こんな感じで呼んでいる <li class="bkg opt1"><span>image</span></li> CSS内でクラス指定ができないものかと色々試してみたもののうまくいきません・・ 適用方法、ヒント等教えていただけますでしょうか よろしくお願いします

専門家に質問してみよう