特定のPCのみでInternet Explorer でページのレイアウトが崩れる

特定のPCのInternet Explorer でページの表示崩れが起きることがあります。

表示崩れにはいくつかの原因がありますが、特定のPCのIE(Internet Explorer)でのみ表示崩れが起きる場合は、IEのドキュメントモードの設定が変わってしまっている可能性があります。この記事では、IEのドキュメントモードの設定の確認と変更について説明します。

Internet Explorer 10 の場合

Interenet Explorer 10のウィンドウを表示し[F12]キーを押します。下図の画面(F12開発者ツール)が表示されます。
特定のPCのみでInternet Explorer でページのレイアウトが崩れる:画像1

ウィンドウ下部の開発者ツールウィンドウの[ドキュメントモード]の値を確認します。下図では"IE5 Quirks"に設定されており、これがレイアウト崩れの原因になっているようです。
特定のPCのみでInternet Explorer でページのレイアウトが崩れる:画像2

[ドキュメントモード]の欄をクリックするとポップアップメニューが表示されます。
特定のPCのみでInternet Explorer でページのレイアウトが崩れる:画像3

ポップアップメニューから[標準]を選択します。
特定のPCのみでInternet Explorer でページのレイアウトが崩れる:画像4

ドキュメントモードが[標準]に変更されました。ページをリロードして表示崩れが無いか確認します。
特定のPCのみでInternet Explorer でページのレイアウトが崩れる:画像5

Internet Explorer 11の場合

Interenet Explorer 11のウィンドウを表示し[F12]キーを押します。下図の画面(F12開発者ツール)が表示されます。
特定のPCのみでInternet Explorer でページのレイアウトが崩れる:画像6

ウィンドウの左側のツールバーの一番下のアイコン(エミュレーション)をクリックします。下図の画面に切り替わります。
特定のPCのみでInternet Explorer でページのレイアウトが崩れる:画像7

[モード]セクションの[ドキュメントモード]のコンボボックスを開きます。
特定のPCのみでInternet Explorer でページのレイアウトが崩れる:画像8

ドキュメントモードがEdge(規定)になっていることを確認します。
特定のPCのみでInternet Explorer でページのレイアウトが崩れる:画像9

AuthorPortraitAlt
著者
iPentecの企画・分析担当。口が悪いのでなるべく寡黙でありたいと思っている。が、ついついしゃべってしまい、毎回墓穴を掘っている。
作成日: 2014-03-18
Copyright © 1995–2025 iPentec all rights reserverd.