IEだと一部画像が表示されません。

質問

IEだと一部画像が表示されません。
Movable Typeで新しくサイトを製作中です。
だいたい出来上がったのですが、
IEだと左上側のロゴが表示されません。
（赤の×がでて表示されないのです。）
他のブラウザでFirefoxやSafariでは表示されるので
IE特有の現象なのです。

CSSを見たり、テンプレートを見ているのですが
どうしても左側のロゴの表示が出ません。
フロート関係かと思い画像表示サイズも変えましたが
変化なしでした。

表示させるためにはCSSをどのように修正すればよいのでしょうか？
Movable Typeで作っているのでMovable Typeのテンプレートの問題なのでしょうか？
ご存知の方いらっしゃいましたらご教授いただければと思います。
下記のURLです。

http://www.mathuriya.com/mt

よろしくお願い致します。

回答No.2

panto-maim · ベストアンサー

ロゴのファイル名がlogo.gifとなっていましたが、
この画像はgif形式で間違いはないですか？

IEで直接プロパティを見てみると、
表示されている画像は（gifファイルなら）ファイルの種類で「GIFファイル」と出るのですが、
問題のロゴ画像だけは（logo.gifなのに）ファイルの種類が「JPEGイメージ」となっていました。
gifの名前でjpegを表示しようしているのが原因のような気がします。

蛇足ですが、
200x60の大きさで表示しようとしているみたいですが、web上での実際の画像の大きさは28x30となっていました。

>フロート関係かと思い画像表示サイズも変えましたが

画像のアップロード先が違っていて
<img src="http://www.mathuriya.com/mt/images/logo.gif" width="200" height="66" alt="有限会社　祭屋" />
と一致していないのでしょうか？

cssやテンプレートの前に、
まずは実際にアップロードしている画像の確認および画像ファイル形式の確認をお願いします。

お礼

たくさん確認していただき本当にありがとうございました。
下記のコメントの通りアップロードしている画像を確認したところ
カラーの設定がCMYKになっておりました。

本当にありがとうございました。

回答No.1

LOHA

明確な理由は分からないのですが、画像形式の関係で表示されていないように思えます。

ためしにローカルに保存してIE6で表示させてみたのですが表示できませんでした。でさらにためしに、Fwでgifに変換してみたところ表示できました。

＃それと、拡張子はgifファイルなのですが、ダウンロードしてみたところjpgファイルですね。

ということで、はっきりとした原因は分からないのですが、とりあえず、元画像を再出力してアップしなおすと良いかと思います。

＃IE6でjpgが表示されないという事例はちらほらあるようですね。

以上参考になったら幸いです。

お礼

コメントいただきありがとうございます。
gifではなくJpgというキーワードから画像を調べました。
photoshopで作ったのですが
gifですがカラーがCMYKとなっておりRGBにしたところ
無事表示されました。

ありがとうございました。