IE8で「CSS崩れ」の解決法

IE8で「CSS崩れ」の解決法

MACユーザーの為、IEチェックが仮想化のWindows7でのIEtesterでしか出来ないのでイヤな予感はしていたが、、、

実機だと、
IE6/7/10
safari
Fire Fox
Google Chrome

はOKだった。。。笑

ただ、IE8だけ崩れが生じてしまってるとの事(クライアント談)_| ̄|◯

まあM.Sさんには頑張ってもらうとして、、、

嘆いてても仕方ないので、対策を色々調べた結果

Windows Internet Explorer 7 で正常に動作する既存の Web ページを維持し、Windows Internet Explorer 8 でも動作するように更新する場合は、なるべく修正の少ない方法が理想的だという事が分かった。

解決策は以下の方法が2つあった。

1、互換モードの meta タグを各ページに追加して、Windows Internet Explorer 8 でのページの表示を強制的に Windows Internet Explorer 7 と同様にする方法。

2、Web サーバーを制御する方法で、各 Web ページの meta タグに相当するカスタム HTTP 応答ヘッダーの送信を Web サーバーに構成することにより、サーバーに互換性を自動追加できる。

んー。

2はややこしいし、1の meta タグを追記することにしました。

head部に以下のメタタグを埋め込めば良いとのこと。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

 

E3-82-B9-E3-82-AF-E3-83-AA-E3-83-BC-E3-83-B3-E3-82-B7-E3-83-A7-E3-83-83-E3-83-88_2013-10-22_15.29.27

結果、、、

サックりと崩れは解決できました(^人^)笑

コメントを残す

メールアドレスが公開されることはありません。