cssで指定したclassが、デバイスによって反映されない

Question

htmlとcssで簡単なwebページを作っています。

tableを作る際に、tdタグにcssで設定したあるclassを埋め込んだのですが、
それが反映されません。

具体的には、

.aiueo{background-color:#00d}
.iroha{background-image:url(./im/xxx);

といったように背景色や背景画像を設定しています。

使用しているＰＣはデスクトップ型で、google chromeを使用しているのですが、
インターネットエクスプローラーで同じページを開くと、classで設定した仕様が正しく反映されます。

また、ノートＰＣでなら、google chromeで開いても、classで設定した仕様が正しく反映されます。

背景画像に関しては大きさを様々変えてみたのですが上手くいきません。
そもそも、背景色は大きさなど関係ないので原因がそれではないと思うのですが・・・

原因が分からず手詰まりになったので、ご回答い頂ければ幸いです。

Comments

[yamato_user]

どのデバイスで、どのように反映されないのですか？詳しい状況を追記してください。また、HTMLとCSSの完全なソースものせてください

[m.ts10806]

画面キャプチャがあれば尚良です

[akisuke]

事情により完全なソースは載せられませんが、
同じような状況を簡単に再現したhtmlとcssのソースを載せます。
[html]
<table style="border:1px solid;" width="500" height="500">
<tr>
<td class="otamesi">a
<td >a
<td>a
</tr>

<tr>
<td>a
<td>a
<td class="close_md">a
</tr>
</table>
[css]
.otamesi{background-color:#00d}
.close_md{background-image:url(./im/xxxx);}

[m.ts10806]

質問は編集できるので適宜追記してください。
その際、コードはマークダウンのcode機能を利用してくださいね。

[akisuke]

デスクトップＰＣは[EPSON Endeavor Windows7] です。
自分のスマホでアクセスしても正しく表示されました。

[m.ts10806]

HTMLはcssの読み込み記述も含めて、あとフォルダ構造もあったほうが再現確認しやすくなります。

[m.ts10806]

PC本体は関係ないかなと。ブラウザの種類とバージョンがあればひとまずそれで充分です。

[x_x]

キャッシュは残っていないでしょうか？

[akisuke]

キャッシュのクリアを行ったところ解決いたしました。
ありがとうございました。

Answer 1

古いキャッシュが残ってるんですね。
ブラウザ側でキャッシュのクリアを行うか、常に最新のCSSを読み込むように設定すると良いです。

最新のCSSを読み込みたい場合は

	<link rel="stylesheet" type="text/css" href="./Styles/com.css?ver=1" />

のように　?ver=○○
のような記述をして、バージョンが変わるごとに○○の部分を変化させるといいと思います。

Comments

[akisuke]

キャッシュのクリアを行ったところ解決いたしました。
ありがとうございました。