ＷＥＢ制作時のＣＳＳの確認用に、IE６とＩＥ７の共存をする方法

admin — Tue, 09 Jun 2009 23:18:28 +0000

ＷＥＢの作成者なら、ＣＳＳの解釈の違いから各ブラウザでは表示が異なることはご存知ですね。

例えば、ＩＥ６、ＩＥ７～８についても表示が違いますし、Firefox3なども違います。
ＩＥについては現在の最新版はIE8ですが、実際にはＩＥ6の使用者も多く、ＷＥＢ作成の観点からすると見捨てるわけにはいきませんね。

自分の場合は、IE6とfirefox3で確認をしておけば、ほぼ満たされるだとうと両者の環境でおりましたが、そろそろIE7の環境も整えておきたいと思い使用中のwindowsＸＰ-SP3にIE6とIE7を共存させようと思いました。

ﾈｯﾄ上で色々と検索した結果、二通りの方法があり、実際に試してみたので紹介します。

まず、第一の方法は、Virtual PC 2007にInternetExplorer7をインストールするというものです。これは、Virtual PC 2007をインストールしておき、その後にInternetExplorer7をインストールして起動させます。

IE7は英語版のため、日本語版にしなければブラウザの文字自体が□などのわけのわからない表示になり、使い物になりません・・・。

日本語化の設定手順では、IE7の画面上でマウスの右クリックから言語→japanを指定するものです。その後、dllファイル等のインストールが必要ですので、設定にはＸＰディスクが求められます。

しかし、途中でいくつかのファイルを求められ、ＣＤも用意しているにも関わらず、どうにもインストールができないのです。試行錯誤を行いましたが結局は断念しました。（なぜか、サービスパック３のフォルダを認識しなかった・・なんでだろう？）

さて、第二の方法ですが、IE6にＩＥ７をスタンドアローンで立ち上げる方法と、ＩＥ７を基本としておきIE6を起動させる方法がありました。

自分の場合はこれからのことも考えて、ＩＥ７を基本にしておき、ＷＥＢの確認用にＩＥ６を立ち上げることにしました。

で、インストール方法は至って簡単です。

１．マイクロソフトのページからIE7のインストールファイルをダウンンロードしてインストールします。
ここで、IE6にIE7が上書され、IE7環境になりました。

２．http://browsers.evolt.org/?ie/32bit/standalone　のサイトからie6eolas_nt.zip　をﾀﾞｳﾝﾛｰﾄﾞします。

ダウンロードしたファイルを任意のフォルダで解凍すると、フォルダ内にiexplore.exeが出現するので、それをクリックするだけでIE6が起動します。たったこれだけなので少し気が抜けたような気もしますが、ＷＥＢの確認用に使用するならバッチリですね。

詳細はこちらのサイトを参考にさせていただきました。
http://coliss.com/articles/build-websites/verification/69.html

因みに、本当にIE6が起動しているのかを検証したい場合は、以下のサイトを見ると、ブラウザによって文字色が異なるＣＳＳを組み込んでくれていますので、間違いがないことが確認できます。

風の吹くまま気の向くままに

http://at-shima.cocolog-nifty.com/blog/2007/07/cssie6ie7_9737.html

WEBワンポイント » ＣＳＳ -

ＷＥＢ制作時のＣＳＳの確認用に、IE６とＩＥ７の共存をする方法