HTMLの最近のブログ記事
IE7環境でIE6を動かす方法の御紹介。
このブログの作成やカスタマイズはIE7でやってましたが、テトさん達からIE6で表示がおかしいとの指摘。
確かに、別ＰＣのIE6で見てみると表示が崩れているので、仕方なく（？）IE6の対応も始めましたが、これが結構面倒臭い。
普段のカスタマイズ確認方法は、サイトをIEで表示させて、IEの「表示」→「ソース」メニューでHTMLのソースをローカルに保存。CSS等、必要なリンクをローカルのリンクに変更して、ローカルのHTMLをIEで表示させながら確認を行ってましたが、メインのPCとIE６がインストールされているサブPCの間でファイルのコピーが煩わしかった。どうにかならんものかとネット検索してみると、colissさんの記事を発見。早速試させていただきました。
- まずは、evolt.orgからie6eolas_nt.zipをダウンロード。
- 解凍して出来たフォルダの中のiexplore.exeを実行。
たったこれだけで、あら不思議！IE6が立ち上がります。解凍したフォルダを適当な場所に保存して終了です。レジストリ等も使用していなよう何で安心（？）です。
上記サイトには、他のバージョンのＩＥもあるので、必要に応じてそれぞれのＩＥが使えるみたいですが、おやじの目的にはIE6だけでＯＫなので、他のIEは試してないです。(^。^)y-.。o○
試しに、ヘルプからバージョンを確認するとIE7とのこと。IE7のエンジンを使用して、コンテンツの表示部分のみIE6になっているらしい。仕組みは良くわからないが、表示はちゃんとIE６と同じに崩れているので、おやじの用途には十分です。
これで随分とカスタマイズの確認が楽になりました。
ただ、テンプレートを変更した場合には、やはりMTで保存してから再構築という手順を踏まなくてはいけないので面倒。何かいい方法はないのか考え中です。
外部スタイルシートを2つ読み込んだ際に、後に読み込んだスタイルシートが反映されないので色々試した結果、文字コードをSHIFT-JISからUTF8にすると正常に反映されるようになった。
でも、最初に読み込んでいるスタイルシートはSHIFT-JISなんだよね。
何故、最初のスタイルシートは大丈夫で２番目がSHIFT-JISだとダメなんだ！
ブラウザ界の常識なのかな？
取りあえず良くわからないけど、全部文字コードをUTF8にしました。
只今、各ブログの色と背景を個別にカスタマイズできるように、外部CSSを追加して、デフォルトの色や背景を上書き出来るようにする作業をしています。
具体的には、共通のCSSから、色と背景関係を指定しているクラスを抜きだして、別CSSファイルにコピーして、こちらのファイルでカスタマイズできるようにしている最中。
取りあえず、ひな形が出来たので、IE6で試してみるとどうも上手くいかない。そんじゃ、他のブラウザはどうよ？ということで、ＩＥ７とＦｉｒｅFoxで試してみると、こちらは狙った通に動作する。
なんでじゃ～！(?_?)
と、書式間違ってないかとか色々確認したが、間違ってないし、IE7とFireFoxでは設計通りに動作してるので問題ないはず。
さらに色々悩んだが、最後の手段として、一つのクラスで色をデフォルトと変えたクラスを作って、そのクラスの定義位置を色々試した結果、設定が有効になる位置と無効になる位置がわかったので、その前の部分を検証したが特に問題はなさそう。
さらに色々悩んだ挙句、テスト用のクラスを挿入して効果が出なくなった位置の前にあるコメントを少し消してみると、なんとちゃんとテスト用クラスの効果が反映されるようになった。
なんじゃ！こりゃぁ～！
只今、色々コメントのパターン等試しているが、まだ法則が見つからない。明日も引き続き調べる予定。
それにしてもIE6はおかし過ぎ。IE7の推奨アップデートも始まったし、IE6ってもう対応しなくていいかな？などと思う今日この頃です。(ー_ー)!!
