ブラウザを克服。

質問

ウエブサイトを作りました。仮アップロードしてチェックする中で
疑問がでたのでカスタマイズに電話したところ、
私のウエブサイトがブラウザによって表現が違うと教えてもらいました。それが３日前です。

電話後、自分でブラウザをダウンロードして調べると
ＩＥ８、ＩＥ７、ファイヤーフォックス、オペラ、ソフトバンク携帯（大画面）、ＨＴＭＬ ＰＲＯＪＥＣＴ２（フリーソフト）の６種類で、
それぞれ表現がばらばらに違ったのです。

土日で修正して現在（日曜の夜）の時点でこうです↓。

　　ＩＥ８、ファイヤーホックス、オペラのグループ。
　　意図どおりで、３つとも全く同じ表現でＯＫ。

　　ＨＴＭＬ ＲＯＪＥＣＴ２（フリーソフト）、ＩＥ７のグループ。
　　２つとも全く同じ、レイアウトのずれ方。

　　ソフトバンク携帯（大画面）
　　上記のＨＴＭＬ ＲＯＪＥＣＴ２（フリーソフト）、ＩＥ７
　　に似たずれ方で、ずれている。

と、そんな感じです。

今はＰＣ用のＷＥＢのＳＩＴＥなのでまだ携帯はいいとして、
それでもＰＣで使うブラウザは、少なくとも上記５種くらいは
表現をコントロールしたいのですが。

３日前時点は、ＩＥ８、ファイヤーホックス、オペラでさえ三種三様、それぞれがぜんぜんばらばらだったので、それが今はコントロールできているし、
いつまでもこの部分だけ完璧を目指してもいけないので、
とりあえず今夜から本式にアップロードしてウエブサイト公開開始しました。

しかし当社デザインは大切なので、追って残した部分を調整したいとは思っています。
崩れるといっても文字は普通にテキストを使い、画像化文字は使わない方針です。

長くなりましたが、ここまでが状況説明です。
質問ですが、これはどうしていけばいいでしょうか。
こういう問題はどう解釈すればいいでしょうか。
、などです。よろしくお願いします。

回答No.1

winarrow07

静的なページなのか動的なページなのか分かりませんが。
普通はどのブラウザに対応するかを決めてから作成をすると思います(会社ならなおさら)。というか、バージョンまで決めてから作成します。
まずそれを決めましょう。悩みどころだと思いますが、全てのブラウザで同じ表示・動作をさせるのは難しいと思います。
HP上に「推奨ブラウザ：IE6,FireFox2」と表示したり、Q&AやFAQに推奨ブラウザを載せたりすることが多いでしょうか。

例1)ビックカメラの場合
http://www.biccamera.com/bicbic/jsp/w/pc/index.jsp
一番下から2行目くらいのところ。

例2)ヨドバシカメラの場合
http://www.yodobashi.com/ec/support/beginner/shoppingflow/error/index.html

お礼

ありがとうございます。

＞・・・Q&AやFAQに推奨ブラウザを載せたりすることが・・・
入れるの難しいですが、参考にさせていただきます。

＞・・・悩みどころだと思いますが・・・
現時点で、ＩＥ６、ＩＥ７、ＩＥ８最新、ファイヤーフォックス最新、オペラ最新、グーグルクローム最新、
の６種類だけですが、同じ表示になりました。
（本当は２つの日本語で１ピクセル分の位置ズレが残ってますが）
おっしゃるとおり、悩みどころとですが、ブラウザのターゲットはここでまでとします。