Internet Explorer

Internet Explorer 8 + メディアクエリ の不具合を調べてけっこう疲れました

お客さんのホームページをレスポンシブデザイン(スマホ対応)にする作業を行っていて、順調に進んでいたのですが、Internet Explorer 8 で表示したときに不具合が起きることが判明しました。

CSS3メディアクエリに対応させるために css3-mediaqueries.js を読み込んでうまくいくはずなのに、なぜかスタイルが意図した通りにならないんです。

HTML ファイルや CSS ファイルをチェックしたところ、どこにも問題はないはずなのですが、なぜかうまくいかない・・・。

「メディアクエリ Internet Explorer 8」でググってみると、やはり Internet Explorer 8 には注意事項がけっこうあるようで、いろいろと解決策が見つかるのですが、どれも該当せず・・・。

試行錯誤しながらようやく「たぶんこれだろう」という原因を突き止めました。

けっこう疲れました。

Internet Explorer 9 で WordPress の投稿画面に写真をアップロードできない不具合の対策

WordPress で運用しているサイトで、Internet Explorer 9 を使うと記事の投稿画面で写真をアップロードできないという不具合が発生しました。

調べてみたところ、Internet Explorer の旧バージョンや Chrome, Firefox など他のブラウザを使えば、この不具合は起きません。

また、最新バージョンの WordPress ではこの不具合が起きませんので、WordPress をアップデートすることが可能な場合は WordPress をアップデートすることがいちばんよい解決策となります。

しかし、WordPress をアップデートするときには、

  • 使用しているプラグインテーマ
  • サーバの PHPMySQL のバージョン

などが WordPress の最新版と互換性があるかどうかを十分にチェックしてからアップデートを行う必要があります。

PHP や MySQL のバージョンが古い場合や互換性の検証をあとでじっくり行いたい場合には、もうひとつの対策として admin-header.php に少し手を加えてやれば Internet Explorer 9 でも記事の投稿ができるようになります。

具体的には、admin-header.php の <head> のすぐ後に以下の行を追加します。

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

この行を追加することにより、Internet Explorer 9 で管理画面を使用する場合でも Internet Explorer 7 互換モードで動作しますので、不具合が起きなくなります。