JustAnswer のしくみ:
  • 専門家に質問
    知識豊富な専門家があらゆる質問にお答えするために常に待機しています。
  • 専門家が丁寧に対応
    E メールやサイト内オンラインメッセージなど、さまざまな手段で回答を通知。必要に応じてフォローアップの質問をすることもできます。
  • 満足度 100% 保証
    専門家からの回答を確認し評価をすることで、支払うかどうかを決めます。
DKK2002に今すぐ質問する
DKK2002
DKK2002, ITエンジニア
カテゴリ: オペレーティングシステム
満足したユーザー: 6228
経験:  NTTコミュニケーションズ .com Master★★
60772406
ここに オペレーティングシステム に関する質問を入力してください。
DKK2002がオンラインで質問受付中

I.E11でホームページのレイアウトがくずれる

解決済みの質問:

I.E11でホームページのレイアウトがくずれる
投稿: 3 年 前.
カテゴリ: オペレーティングシステム
専門家:  DKK2002 返答済み 3 年 前.
dkk2002と申します。今回は質問をご投稿いただきましてありがとうございます。

どこか特定のサイトで起こるのでしょうか?それとも全体にそうなるのでしょうか?

サイトが新しいバージョンのブラウザーに対応していないことはよくあることです。その場合は,互換表示という機能を利用して,うまく表示できるかをお試しいただくことができます。機能や設定方法の解説は以下のページをご参照ください。

参考:https://121ware.com/qasearch/1007/app/servlet/relatedqa?QID=015454

(24時間この画面の前で待機している訳ではなく本業・食事・睡眠・所用のためにいつでもすぐに回答できるとは限りません。回答をお待たせすることがございますが,あらかじめご了承願います。)
質問者: 返答済み 3 年 前.

特定のサイトに限らず起こるようです

専門家:  DKK2002 返答済み 3 年 前.
言葉で表現するのは難しいかもしれませんが,どのような感じで崩れるのでしょうか?

以前はIE10をご利用で,全く問題はなかったということになるのでしょうか?アップデート後すぐにそのような状態になったのでしょうか?

一度インターネット一時ファイルと履歴の削除もお試しになってみてください。

参考:http://support.microsoft.com/kb/2618123/ja
(IE11でも操作手順はほぼ同じです。)
質問者: 返答済み 3 年 前.

どうもCSSを読み込めていない感じ


以前のバージョンではちゃんと表示できていたように思います。

専門家:  DKK2002 返答済み 3 年 前.
了解しました。スタイルシートが適用されず,内容のみが表示されている感じですね。

先ほどもお尋ねしたのですが,アップデート後すぐにそのような状態になったのでしょうか?互換表示や一時ファイルの削除も効果はなかったでしょうか?

ファイルのエンコードを切り替えても変わらないでしょうか?ページ上の何もないところで右クリックしていただければ,「エンコード」の項目から切り替えていただけます。現在は自動選択でしょうか?

IEの不具合とは考えにくいのですが,試しに他のブラウザーでは正しく表示されるかもお確かめいただけないでしょうか?

Firefox
http://www.mozilla.jp/firefox/

Chrome
http://www.google.co.jp/intl/ja/chrome/browser/
質問者: 返答済み 3 年 前.

互換表示や一時ファイルや履歴の削除、ファイルのエンコード切り替えについては、いま時間がありませんので後程やってみます。


他の、firefoxではちゃんと表示できます。

専門家:  DKK2002 返答済み 3 年 前.
ご都合の良い時で結構ですので,ご確認の上お知らせください。

他のブラウザーでは問題ないのであれば,やはりIEにおける問題ということになります。
質問者: 返答済み 3 年 前.

いろいろとご検討いただき有難うございました。


いろいろ試してこの疑問を早く解決したいのですが、今から用事で出かけますので、ここで中断したいのですが、よろしいでしょうか?


こんごアクセスするのはどうしたらいいですか?

専門家:  DKK2002 返答済み 3 年 前.
この同じアドレスのページにアクセスしていただければ継続してやり取りを行なっていただけます。デスクトップ等にショートカットを作成しておかれると便利かもしれません。

ご返信はご都合の良い時で,いつでも結構です。
質問者: 返答済み 3 年 前.

しばらく中断しまして申し訳ありません。


互換表示の機能につきましては、Webサーバー上のページについてのことらしい、現在制作中のページについてはこの機能使えないのでは?


インターネット一時ファイルや履歴の削除につきましては、過去の履歴やお気に入りなど削除しては困る時があるのでは?


ファイルのエンコード切り替えについては、現在制作中のページについて調べてみるとUTF-8となっている。これを自動選択にしてもブラウザでちゃんと表示されない。


この件は、CSSファイルをI・E11がちゃんと読み込めないのが問題だと思うのですが?

専門家:  DKK2002 返答済み 3 年 前.
CSSが読み込めないというのは,ご自身で作成中のページについてだったのでしょうか?そのようなご説明はいただいていませんでしたが,そうであれば全く見当違いの回答をしていることになります。

HTMLファイルはUTF-8で作成されているようですが,CSSファイルもUTF-8形式で作成・保存されているのでしょうか?

お気に入りを削除されることはないと思いますが,履歴については不具合を解消することと履歴を残されることとどちらを優先されるかでご判断いただきたいと 思いますが,履歴情報が破損していることで表示の不具合も起こり得ることはご了承ください。問題の切り分けのためには避けて通ることのできないことです。


質問者: 返答済み 3 年 前.

CSSファイルもUTF-8形式で作成し、かつ保存したのかはっきりしませんが、わたくし自身がCSSファイルのエンコード形式に注意が足りなかつたと


反省しています。


ところでCSSファイルのエンコード形式を調べる方法について教えてください。

専門家:  DKK2002 返答済み 3 年 前.
エンコードを判定する方法はいくつかあると思いますが,以下のようなツールを利用しても判定することが可能です。

http://www.vector.co.jp/soft/dl/winnt/util/se476748.html

質問者: 返答済み 3 年 前.

ちょと用事が出来ましたので、すいませんが中断させてください。

専門家:  DKK2002 返答済み 3 年 前.
いつでもOKです。ご都合の良い時にどうぞ。
質問者: 返答済み 3 年 前.

文字コード判定&変換ツール.NETは使ったことがないし、有料である。


自分の作成したページでは不完全な場合があるので、それを基準にせず


教材のサンプルファイルを一例として、I・E11で表示するとレイアウlトがくずれる(CSSファイルが読まれていない)。


しかし同じページをFire foxでみるとレイアウトはくずれずちゃんと表示される。


ということはIE11に問題があることになる。


さらに疑問点として、ブラウザ表示にOSが関係するのか?


いずれにしてもIE11でレイアウトがくずれる原因が判らない。

専門家:  DKK2002 返答済み 3 年 前.
確かにご案内したソフト自体は有料ソフトですが,試用も可能で,試用版としても判定は可能ですのでお試しいただければと思いご案内したまでです。

テキストエディターは何をご利用なのでしょうか?メモ帳では不可能ですが,大抵のテキストエディターでは,明示的に文字コードを指定して開いたり保存したりすることは可能ですので,そちらででもご確認はいただけると思います。

CSSやHTMLの読み込みについては,ブラウザーにより解釈や表現が異なるのは一般的によく知られている事です。また解釈が厳密だったりゆるかったりすることも,ブラウザーの種類やバージョンにより異なります。ですので,どのブラウザーでも同じように表示できるようなソースを作成しようとするなら,これはかなり骨の折れることであり,工夫やノウハウの必要なことで,どのWebクリエーターも苦労している部分です。

IEの問題と決められる前に,まずは上記の通りCSSファイルの文字コードをご確認いただくことが必要だと思われます。また,ブラウザーにより異なる部分が多くございますので,その傾向をご理解いただいた上でソース側で対応をしていただく必要がございます。ブラウザーの仕様を変えることはできませんし,サイトを公開するなら,ユーザーが利用するブラウザーの種類やバージョンは何が利用されるのか分からない訳ですから,サイト制作者側が対応しておく必要がございます。

参考:
http://www.syboos.jp/webcss/doc/css-reset-frameworks.html
http://www.crystal-creation.com/web-appli/technical-information/tool/browser-testing/
http://caniuse.com/
質問者: 返答済み 3 年 前.

いろいろと参考になる情報や回答を頂き有難うございました。


ブラウザによる解釈や表現が異なる点につきましては、すこし次元が高い話になってきます。私では気になる点ではありますが今の時点では力不足です。


いろいろ提供していただいた情報を元に勉強をするとともに一度考え直してみたいと思います。


取りあえずこの件につきましてはこれで終了させて下さい。


なおこの件につきましては、プラス評価をさせて頂きます。


有難うございました。 

専門家:  DKK2002 返答済み 3 年 前.
最終的に解決にはまだ至っていないようですが,何かお役に立てていただける情報をご提供できたのであればそれで私も満足できます。

また何かお役に立てることがあればと思います。お疲れ様でした。

DKK2002をはじめその他名のオペレーティングシステムカテゴリの専門家が質問受付中
専門家:  DKK2002 返答済み 3 年 前.
「回答が得られ満足」とのご評価をありがとうございました。

また何か機会がございましたらよろしくお願いします。

オペレーティングシステム についての関連する質問