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

自動的にホームページが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 を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

tinymce advancedに絵文字を増やすTypePad 絵文字 for TinyMCE

ワードプレスでも無料ブログ同様絵文字を使いたいけど、tinymce advancedだと少ないですよね。そこで今回はtinymce advancedで絵文字を増やす方法をご紹介させて頂きます。

ワードプレスの最大画像サイズをリサイズしてくれるプラグイン

画像の最大サイズを自動的にリサイズしてくれるResize Image After Uploadと言うプラグインのご紹介です。

もしもドロップシッピングの登録方法

無料でドロップシッピングがはじめられるもしもドロップシッピングの登録方法です。

ECCUBEの検索に商品IDを追加させる方法

ECCUBEはデフォルトだと検索機能は非常に弱いです。

画像を特定のサイズで表示させる方法WordPress

カスタムフィールドで登録した画像を指定のサイズで表示させる方法をご紹介いたします。

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