IE8で見るとホームページの表示がずれてしまう場合の対処法

今回はIE7、firefoxではちゃんと表示されているのにIE8だと表示がずれてしまう問題の解決方法をご紹介いたします。CSSをハックできるのならそれに越した事はないのですが、面倒な方、何でIE8でずれるのか全くわからない方のために非常に簡単な方法をご紹介いたします。弊社のホームページで違いを再現いたしますと

IE8での表示は

ie8

若干ですが、右上の検索の虫眼鏡が上にずれていますよね?IE7ですと

ie7

のようにちゃんと同じ高さで表示されます。firefoxもIE7と同じように表示されます。
「そんくらいCSSハックしろよ」との声が聞こえてきそうですが、次に出るであろうIE9の事を考えると今回はこの対処法でいいのではないかな?と思います。方法としては物凄く簡単で下のmetaタグをヘッダーに貼り付けるだけです。

<meta http-equiv=”X-UA-Compatible” content=”IE=emulateIE7″ />

意味はソースをIE7として解釈しろ!と言う事だそうです。

記事:清原一馬

コメントを書く

日本語が含まれない投稿はスパムとなります。