ブラウザごとによる表示の違い
本家サイトは下の画像の様に表示されるように努力して作っています。
以前電器店にあるmacintoshのsafariで表示確認をしてみると、とんでもないレイアウトになっていて驚いた。その後CSSを書き換えたので（参照エントリー「HTMLとCSSの見直し」）、もう大丈夫だろう！と、改めて電器店に寄って表示確認をしてみました。
文字の上に画像が被っていたのは直っていた。しかしセンタリングが反映されず、全体が左に寄っている。DIVタグで囲まないとセンタリングはされないのだろうか？
アクセス解析によると訪問者の８割方がIEを使用しているようで、多くの人は制作者側の意とする通りのレイアウトで見てくれているようだ。
ぶっちゃけ「IEで見て！」と言いたいところだが、こちらの都合だけ押しつけてもビル・ゲイツが笑うだけだろう。
何が悪いのかよくわからないが、とりあえずOperaとFirefoxを自分のPCにも入れて確認してみた。
スクロールバーの色が変わってないが、これはIEのみの機能らしいから気にしない。サイト説明にフィルターがかかっててないけど、これもIEのみの機能らしいから気にしない。カウンターが表示されてない。。。これはすぐに原因が解り修正。
GATEにある更新情報を表示しているインラインフレームの下と右に意としない枠がついてしまった。
これはIEのみでなっている。原因がわからない。ギブアップ！
色々調整した結果、win版のIE, Opera, Firefoxでは大体思い通りの表示になっていると思う（全ページの確認まではしてない）。あとはもう一度電器店へ出向いて・・・
[0回]
2006.06.23 (Fri) | Comments(0) | ＰＣ・ＨＰ | Edit | ▲
