IEデザイン崩れと言われるが確認できない。。

Question

アナリティクス分析した結果、Internet Explorerが直帰率、平均滞在時間の数字が悪い。(特に多いデータがバージョン11)

そこで専門家に依頼したところ、IEでデザイン崩れが起きているため数字が悪いと回答が来ました。
デザイン崩れの要因は文字コードが統一されていないとのこと。

↓このようにデザイン崩れがしているとキャプチャをもらいました。

しかしながら、私のPCのIEではそれを確認することができない。。
この質問に関しては「わからない」と回答が来ました。。

私自身が確認出来ていないことに対して、依頼しているのが不安です。
その人の言うがままになっています。

こちらがIEでのデザイン表示に問題があると言われているページです↓
https://xn--pckua2c4hla2f.jp/

私が知りたい内容は下記の通りです。

・そもそもIEでデザイン崩れが起こっているのか？
・起こっていた場合、どのようにしたら、それを見ることができるのか？
・同じく起こっていた場合、その人が言っていることが本当なのか？
（デザイン崩れの原因は文字コードが統一されていないからである）

仮にそうだとしまして、CSS＆JSの文字コードを確認したのですが、問題が無いように感じました。

調べ方がおかしいのか、、ん~。。と困り果てています。

お手数ではございますが、お知恵をおかしいただければ幸いです。

Comments

[x_x]

すべてUTF-8で書かれていると思っていいのでしょうか？ また、HTMLはどうですか？

[Bamboo]

TOPページに関しましてはUTF-8になっております。x_x様の環境ではIEでのデザイン崩れが確認出来ていますでしょうか？

[x_x]

いま確認できる状況にないので、調査自体をお願いしています。TOP以外もUTF-8なのでしょうか？

[Bamboo]

TOPページ以外はまだ目を通せておりません。大量にありますので、まず確認出来てから行動しようかと思っている次第です。

[defghi1977]

IEの互換モードって関係しますかね？（環境が無いので確かめられない）

Answer 1

ありがちなのはCSSファイルなどがローカルのキャッシュを使っている可能性です。
Ctrl+F5キーで更新してもらうと治ったりすることはないですか？

またキャッシュの問題を解決するには、HTMLでCSSやJSファイルを読みこんでいるファイル名の末尾に日付とかタイムスタンプとかバージョン番号みたいな一意のものをつけて、該当のファイルを更新するたびに変更するという技もあります。

参考
http://d.hatena.ne.jp/idesaku/20070821/1187663049

Comments

[Bamboo]

ご回答ありがとうございます。
「Ctrl+F5キー」を試しておりますが、変化がありませんでした。
また、他のPC+知り合いPCでも確認、計4台で確認しましたが、同様にデザイン崩れは確認できませんでした。。
また何か心当たりがございましたら、ご教授お願いいたします。

[x_x]

IEにおいて、Ctrl+F5でも外部ファイルは更新されないことがあるので念のためキャッシュを消してみてはどうでしょうか？

[Bamboo]

ご返信ありがとうございます。
キャッシュも削除済みにて確認致しましたが、変化なしです。

Answer 2

IE11でさらっと確認してみましたが画像のような問題は起こりませんでした(フッターが気になるけど今回の問題とは関係なさそうなのでスルー)。
その専門家に聞いたほうがいいと思いますが、画像はおそらくCSSがすべて無効の状態だと思います。
ただ、それがどのように起こったのかわかりません。たまたま回線状況が悪かったのかもしれません。

なお、開発者ツールから以下のスクリプトを流せば無効になります。

(function(s,i){for(i=s.length;i--;){s[i].disabled=true}})(document.styleSheets)

Comments

[Bamboo]

ご回答ありがとうございます！
それでは自信をもって、その専門の方に聞いてみたいと思います。
もしよろしければ、気になった点をご教授いただけると嬉しいのですが。。

[x_x]

IEに限りませんが、最下段のメニューとフッターが重なっていて、崩れているように感じます。こういうデザインなのかもしれませんが

[Bamboo]

そういう風にしているのですが、やはりそう感じますか。
今後の課題させて頂きます。ありがとうございます！