IE8の気になる不具合について記述したページ。
IE8で以下の文字がやや小さめの段落をクリックしてみたりリンクの上にカーソル乗せたりしてみてください。

この段落は11pxで書いてあります。
インターネットエクスプローラ、IE8で、標準モードでフォントをMS Pゴシック、MS P明朝などに指定すると
10px相当で表示されます。文章の一部をクリックまたはドラッグすると12px相当に大きさが変化するはずです。
それ以外のブラウザ、Fontでは大きさの変化は起きません。

この段落も11pxで書いてあります。
テストリンク(マイクロソフト)
小さな文字で表示されている場合リンクにカーソルを乗せると、ブラウザがIE8で、フォントがMS Pゴシック、MS P明朝などの場合のみ、大きさが変化します

一度大きさが変化すると、ページ移動またはタブ移動しないと元に戻らない場合もあれば、何度も大きさが変化する場合もあります。残念ながら細かい発動条件は不明

特別な仕掛けをしている訳じゃありません。ごく一般的なcss+xhtmlです。

 

上記は作動確認テスト文章。本文は以下。

当方、5月6日よりIE8にアップグレードし使用しています。
とりあえずWEB表示形式がWeb標準モードがデフォルトになり、これは嬉しい。
Firefox、Opera、GoogleChromeなどとほぼ同じWeb表示が出来るようになり(各ブラウザ微妙に違うけど)サイトのレイアウトを修正するのは今後楽になりそうです。
Javascriptの表示も随分高速化され、これも良いカンジ。

、、、、が、何か違和感がある。絶対おかしい。。。

時々、閲覧しているサイトが微妙に動く。ピクピクしてます。なにこれ('Α`)

IE8を使用していると、時々文字の大きさが勝手に変化します。サイトによっては、閲覧者が混乱するくらい文字が暴れ回ります。
特に、AdSense広告やMicroAdの468X60、728X90、120X240サイズの広告は、文字の大きさが頻繁に変化します。マウスカーソルが乗っかった際にも動いたりします。気持ち悪いです。

他にも、普通のリンクや文字も、時々ピクピク動きます。

これに規則性を見つけるまで3日かかりましたが、ようやく発動条件が分かってきたので報告です。

IE8で文字が動く条件

  1. IE8を使用。ブラウザのフォントにMS ゴシック、MS Pゴシック、MS 明朝、MS P明朝を指定している。
    (メイリオでは発生しない。)
  2. 文書(HTML)側で「一般的なWindows用日本語フォント」が指定されていない
  3. 動く文字は、10.5px~11px。(ポイント指定で8ptでも動く)(他、中途半端なサイズのフォントでも発生)
  4. javascriptが結構多用されている。

この4点が揃うと、ピクピクモード発動するみたいです。
「IE 8を使う場合は、フォントはメイリオ使ってね」て事ですかね(´Д`;)
それとも単なるマイクロソフトのテスト不足でしょうか?

スポンサー リンク

ピクピク現象が確認できるサイト

http://answertaker.com/ (AnswerTakerさん:サイト消失)
右サイドバー、タグクラウドの一部に11pxが使用してあり、マウスカーソルを乗せるとフォントサイズが変化します。

ブログランキング ドット ネットさん
あちこちのサイトを閲覧した中で一番影響受けているかも。
サイドバーの半数に11px使用。同じくカーソル乗せるとフォントサイズが変わります。
広告類も画面表示が終わるまでピクピクしたりして落ち着きません

MovableType3.3系の管理ページ
リンクは貼れませんがこのブログの管理ページ、11pxが多用されています。
更新中アチコチのリンクが暴れまわってかなりストレスを感じます。
個人的にはこれが一番嫌。
MT3.3系でブログ運営してて、フォントをMSゴシックにしている人は、今は絶対にIE8にしちゃダメですよ。

W3CCSS 検証サービスページ
ヘッダ部分の言語指定するナビゲーションリンクが11px。カーソル乗せると大きさが変化します(ハングルと简体中文)。
WEB標準を定めるW3Cのページですらピクピクしますよ(´Д`;)

 

えっと、悪意を持って晒している訳じゃないことを理解してね(^_^;
W3Cのページですらフォントサンズが変化するので、明らかにIE8のチェック漏れだと思います。IE8がAcid2テストに合格したとか話題がありましたが何それってカンジです。。。

とりあえず

ウチのサイトはヘッダ、フッタ、サイドバーの一部に11pxの大きさを使用していましたが、全て12pxまたは10pxに変更。これで(多分)内部コンテンツはピクピクしなくなりました。
しかしまだ画面上部のAdsense広告(468X60)が「画面表示が完全に終了」するまで、文字サイズが変化しますね。。。

対応策

  • Web表示にメイリオ使わないならIE8はインストールしない
  • インストールしちゃった人は
    • フォントにメイリオを使う
    • または互換モードで表示させる
    • ピクピクしても気にしない事にする(笑)
  • サイト運営者は
    • 10.5~11pxのフォントは一切使わない。今まで8ptを利用していた箇所には7.5ptを指定する。
    • font-family : Arial,'MS Pゴシック',sans-serif ; 
      等々、MS系フォントの指定を入れてやる(MS明朝、ゴシック、メイリオいずれも可)
    • XHTMLやめてHTML4に戻す
    • <meta http-equiv="X-UA-Compatible" content="IE=7" />
      と一文書き加える事でIE8を強制的にIE7モードにする