自動的にホームページが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のせいでホームページを制作する際にデザインの崩れを逐一確認しないといけないので時間がかかりすぎてしまいます。

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

関連記事

ECCUBEのポイント関連のバグ

最終保持ポイントがマイナス表示にならないように調整して下さい。って出てる人向けのバグ修正方法 はじ

記事を読む

サクラで日本語ドメインを使う方法

サクラサーバーで日本語ドメインを利用するちょっとした裏技をご紹介いたします。 はじめに

記事を読む

Jetpackのメール記事投稿

メールから簡単にブログの投稿をする事が出来るJetpackのメール記事投稿機能のご紹介です。 はじ

記事を読む

twitterをHPに埋め込みしてみたよ

twitterの埋め込みって昔よりも簡単になってました はじめに 今「twitter 埋め込み」

記事を読む

ワードプレスに任意の画像サイズを追加する方法

2種類のサムネイル画像を表示させたいなぁって時に使えた技です。 はじめに ワードプレスだと元々サ

記事を読む

bxsliderの画像を中央揃え出来る簡単な方法

bxsliderを導入したものの画像が左側に寄ってcssで戻せない・・・ はじめに レスポンシブ

記事を読む

無料ECサイトカスタマイズ

前回お話した無料でECサイトが3分で作れるのデザインなどのカスタマイズ方法についてご紹介いたします。

記事を読む

カスタムフィールドでチェックを入れた記事のみ表示

ワードプレスではカスタムフィールドを使う事で特定の記事のみ表示させる方法もございます。 はじめに

記事を読む

特定のユーザーのみ反映するカスタマイズ方法

ワードプレスでは管理画面の情報をいじると全てのユーザーが影響を受けてしまいますがカスタマイズする事で

記事を読む

データベースのバックアップ用プラグインWP-DBManager(ワードプレス)

副業をするのに、ワードプレスを導入した方は必ずバックアップをとっておいてください。今回は自動でバック

記事を読む

Message

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

現在の総記事数: 323件

さくらサーバーでワードプレスの無料SSLを導入してみたよ

さすがにそろそろSSL化しないといけないのでやってみたよ はじめに

EC-CUBE特定の商品ステータスのみを特定の箇所に表示させる

代引きが出来ない商品やメール便が対応できない商品を目立たせたい時などに

【EC-CUBE】管理画面に色々な箇所のファイルを呼び出す方法

ブロックで作成した情報以外からも情報を取得したい場合はこちらの情報が参

【画像あり】XAMPPを使ってPHPの動作確認方法

PHPの動作確認をするのにXAMPPは絶対に必要です。 はじめに

【画像あり】XAMPPの誰でもわかるインストール方法

これからPHPを勉強しようと考えている人の強い味方XAMPPのインスト

→もっと見る

PAGE TOP ↑