IE6での表示エラーとクロスブラウザ

皆さんは、PCから、ネットでサイトを見る時に、

どのブラウザを使ってはりますでしょうか??

やはり、“Internet Explorer”が多いでしょうか?

自分は、アイコンのロゴがかっこいいという理由だけで…

“Firefox”を使い始めたので、

ホームページを作る時も、

「ファイヤーフォックスで、作ったページがしっかり表示されていれば、それでOK!!」

という作り方をしていました。

ところが…

ホームページのことでいろいろ教えてもらい、お世話になっている

株式会社ヒューゴ さんの、『CLUB HUGO』 でお話を聞いていて、

出来たと思っていたホームページが、インターネットエクスプローラーでは、

特に“インターネットエクスプローラー6”では、

ページを見ることもできないという状態になっているのを教えて頂きました・・・

今、日本では、(正確ではないかもしれませんが・・・)

ネットにアクセスする人の、約8割の方がインターネットエクスプローラーを使ってはり、

その中でも、インターネットエクスプローラー6を使ってはる人の数がかなりの数に…

ということは・・・

せっかく当店のサイト を見る気になって頂いた方の

多くの方が、サイトを見るどころか、エラー表示が出てきて気を悪くされてしまっている・・・

実際にそういう状況をお見せしてしまった方々、すみませんでした。

サイトを作る方の間では、「何をいまさら…」的なことのようなのですが・・・

難しさと、奥深さが、身に沁みました。

【IE6でのトップページの表示エラーに対する応急処置の備忘録】

(トップページ)
・floatを使ってメインコンテンツを3カラムにしている
・javascriptエフェクトのスライドメニュー「imagemenu」 と、画像ライブラリ「lightbox」 を使っている

(IE6での表示エラー)
・3カラムがずれてしまう→ブラウザによるmarginの解釈の違い
・ページ自体を表示できない→javascriptの読み込みに関する問題??
・IE7、Firefoxではきちんと表示されている

(対処の過程)
・レイアウト崩れ→『IE6とFireFoxで知っておくべきmarginに関するCSSハック|ユージック』 を参考にして、floatプロパティに関係する部分にCSSハックを書き加えた。
・ページが表示されない→『IE Error Fixed – yoshihide.jp』 を参考にして、「imagemenu」と「lightbox」に関係するhtmlファイル内の記述を、文書の最後方、</body>タグの直前に移動させた。

(確認)
・サーバーにアップする前に、 IETester” を使って、インターネットエクスプローラーの各バージョンでの表示を確認。同様にファイヤーフォックス、サファリでの表示も確認
・IETesterで確認できない、IE6でのフラッシュの確認を、ファイルをサーバーにアップ後、ミニノート、windowsXP上のインターネットエクスプローラー6で、動作を確認。

タイトルとURLをコピーしました