先日、IE8でこんな風にページ内の文字が表示されてしまいました。

文字が寄る

動き的には、最初はちゃんと表示されるものの、JSを読み込んでいるタイミングでこうなってしまっている様子の動き方をする。

そこでページ内にあるjQueryのプラグインをひとつづつ取っていってもなぜか解消されない。
あまりナイ症状なのか、それとも基本的ななにかをすっ飛ばしているからこうなったのか?(基本的な部分のCSSを見直してみたつもりだけど変なところは発見できず)

ググると「Win8のバグだ、MSゴシックなどのWindows系フォントをfont-familyで指定するといい」と書いているのでそうしてみたが・・・・だめだった。

絶対に原因はある、しかし時間もそうかけていられない状況で・・・・

最終手段。
IE8で発生する問題ならIE8辞めよう。

といっても、IE8が絶対条件の環境のWeb制作ですので、そのブラウザサポートしていません、とは言えない。

そこでこれだ。

<!--IE7モードで表示-->
<meta http-equiv="X-UA-Compatible" content="IE=7">

こういう書き方をすると「IE7の表示方法をしてください」とIEに命令できるのです。
IE8以下しか許されていない環境下、IE7にて見ていただくしかないという苦肉の策ではありますが、ひとまずはこれで解消されました。

IE8なんか切り捨てたいけれど、会社がイントラの都合上どうしてもIE8。
Updateされないようにしっかりシステムいじってらっしゃいますし、全社IT監査のときにはIEのバージョンを無理やり上げていないかの見回りまで来ます。

なのでIE8はまだしばらくは仲良くやっていかなくてはいけない共同体です・・・

コメントを残す

Top