mimibukuro　blog

耳袋の情報提供サイトだがIE6の対応でどうやらIE Testerで、確認しても透過PINGファイルの処理は再現できていないことが判った。

というのもIE6のバグ対応を調べていたらie6pngfix.htcが紹介されていた。

ヘッターPHPを見るとIE6対応の外部cssを呼んでいるしie6hoverfix.htc

ie6pngfix.htc

という透過PNGファイルの対応プログラムも設定されている。ということで、IE　testerでは再現出来ていないということが判った。

ノートパソコンのIEを7から6に戻すのに、WindowsSP3から2へ戻す必要があるとの情報があったので戻してIE7を削除したら、IE6は起動せず撃沈。

結局、元の設定に戻した。

と言うわけで、デスクトップマシーンにバーチャルPCをインストールし、IE6、XP　SP3を入れることになった。

さすがに、初期設定で128Mのメモリー割り当て、デスクトップにインストールしたので、動作が遅く、バーチャルPCの起動デイスク設置場所とメモリーの割り当てを600Mくらいにして再設定し、日本語フォントを入れて確認する羽目になった。たぶん非力なパソコンでは、負荷かかる環境なんだと思う。

デルXPS　Quad Core DDR3　4Gの巨大パソコンの恩恵を受けている感じです。

バーチャルPCでのIE6状況を確認しつつ、IE6のバクである左マージンが無視される対応をIE6用の外部CSSに下記マージンを設定し、今度こそIE6で、IE7とほぼ同じデザインを再現出来たと思う。たぶん。

#main {

　margin-left: 2em;

}

おかげで、カスタマイズ設定出来ていたテンプレート2つくらい潰してしまいましたが、スタイルが一時ぐちゃくちゃになったので、最新版のテンプレートで設定ができました。

どんどん踏み込みたくなかった分野に手を出してしまっています。

耳袋ですが、

iPhoneに対応するためのプラグイン「WPtouch」をインストールしております。実機を持っていないので確認出来ません。

iPhoneの表示を確認するエミュレーターなるソフトも探してみたのですが、どうもうまく確認できません。

「Air　Phone」というソフトでは、プラグインが作動しているか判りません。というのは、iPhoneに対応サイトもこのソフトでは、プラグインまで認識されていないというのが判りました。

FireMobileSimulatortというFirefox用のアドオンツールで確認が出来ました。アドセンスのコードのエラーが確認できたので、削除。

アナリティクスのコードは挿入可能な模様。シュミレーターでは検索が動作していない模様。実際は稼働しているのでしょうか？カテゴリーも動作していなかったので無難に非表示に。

iPhoneで表示して文字が大きく表示できていれば成功です。設定自体何も難しいソフトでは無いので大丈夫と思いますが、こんな風に見えているよというキャプチャーかデジカメ写真で写真を撮って送付頂ければ幸いです。

仕事でIE6のサイトをIE7対応で大変な思いをしてIE7て最低と思っていたが。。

新しい耳袋
はIE7をベースにデザインしたテンプレートをベースに運営している。

ワードプレスのデザインテンプレートで、サイトをページ幅いっぱいにモニターサイズに追随するデザインテンプレートを探していたんだ。なかなか難しいようでようやく見つけて、XHTMLの最適化と日本語対応をおこなっていたんだけど、どうやらIE6ではサイドバーが表示されないのに気がついた。

便利なツールがあり、IETesterというソフトでIEの5.5、6.7、8のBetaとレイアウトが確認できる。

しかし、IE6に対応するとCSSバリデーターで、パスしなかったりCSSバリデーターの指示に従うとIE6で表示が崩れたり、最悪だ。

透過画像のロゴであるPNGがIE6で使えないので仕方なくGIFでUPするも美しいロゴにならない。ロゴが透過にならないのは、目をつぶろう。サイドバーが表示されないのは最悪だ。
原因を一からつぶすことにした。

ページの番号を振っているプラグインの設定をしたところで、サイドバーが消える。なぜか、TOPページのみにこの現象が出る。

Jqueryというプログラム系がXHTMLでも、IE6以下対応でもどうもうまく動作しないことが判った。

新たにjQueryも試してみたい。あるいはjQueryで作られたライブラリを導入してみたい...というような場合、最も問題になるのは「$」関数の扱いです。参照サイト

う〜ん、未知の領域に突入なので、Googleアドセンス等「$」は使っていたようなので、とりあえず、レイアウト幅の切り替えに使っているプログラムなので、OFFにして、様子を見よう。

ページ幅をウインドサイズいっぱいに調整することが難しいということは判った。IEの独自解釈が6以前と7以降が全然違うのも勘弁してほしい。IE8はベーター版は大丈夫そうな感じ。

というわけで、耳袋のフッターには、判るヒトには判るということでIE7以上、Google Chrome、Firefox3のデザインに適合しております。て宣言していたりします。