副業で稼ぐ仕組みの作り方

自動的にホームページがIE7の表示になってしまう対応方法

投稿日:2015年10月24日 更新日:

制作したホームページが何故かIE7の表示になってしまう場合の対策をご紹介します。

はじめに

ホームページを制作したところクライアントから「IE10」を使用しているのにデザインが崩れて見える。と連絡を頂き調べたところやっぱりIE側の問題でした。

注意事項

使用している環境などによって変ってくるかもしれませんが、まずは試して見て下さい。

この現象が起きた理由

IEには互換表示と言う機能がついています。これはアクセスしたホームページが古いホームページだった場合、自動的にブラウザ側も古いバージョンで表示されると言う機能です。

簡単に言うとホームページ側が古い情報だった場合、IE10でもIE7での表示に自動的になると言うことです。

解決方法

実はめちゃくちゃ簡単で

head内に

<meta http-equiv="X-UA-Compatible" content="IE=edge"/>

このタグを書き込むだけでOKです。content=”IE=edge”と言うのがIEの最新バージョンでご覧いただけまっせってことを示しています。

但し、注意点としては

  1. cssファイルやjsファイルの読み込みより前に記載する
  2. head内に記載する

この2点に気をつけて下さい。

以上で自動的にホームページがIE7の表示になってしまう対応方法でした。

さいごに

ほんとマイクロソフトは早く何とかするべき

徐々によくはなってきていますが、デザインが崩れるのはIEだけなので、本当にこういったのは何とかして欲しいです。

ただ、個人的には稼げる副業ブログのネタが増えたのでラッキーではありました笑

今回のクライアント様はwindows8と私と違う環境だったので確認する事が出来ませんでしたが、IEの互換性と言うのは必要なんだろうか?IEのせいでホームページを制作する際にデザインの崩れを逐一確認しないといけないので時間がかかりすぎてしまいます。

面倒ではあるが、こういった経験を今出来たのは将来的に役立つので勉強にはなりますがね。

-副業で稼ぐ仕組みの作り方

執筆者:


comment

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

SEO対策の実験サイトを制作しよう

集客する為のサイトを作る為に実験サイトを作る事でのちのちかなり役立つ資産になってきます。

ワードプレス全体にパスワードをかけるPassword Protected

特定の人だけにホームページやブログを見せたいなぁっと考えている方、ステキなプラグインを発見しました。

ワードプレスのログイン画面のロゴを変更する方法

ワードプレスのログイン画面のロゴをオリジナルのものにする際のカスタマイズ方法をご紹介いたします。

ムーバブルタイプからワードプレスに引越しする方法

ムーバブルタイプからワードプレスに引越しをした時のメモです。

このメールアドレスはサイトと同じドメインには属していません。contact form7 4.4以降の表示について

このメールアドレスはサイトと同じドメインには属していません。と出てきた時は何をすれば良いのかご紹介いたします。

人気の副業記事(24時間で更新)