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" />
結果、、、
サックりと崩れは解決できました(^人^)笑