- ベストアンサー
古いブラウザでのレイアウトの崩れ
テーブルとＣＳＳの組み合わせでレイアウトを作成していたのですが、お客さんから「Win/IE4,IE,Mac/IE5でレイアウトがめちゃくちゃじゃないか！」とクレームを受けてしまいました・・・。スタイルシートの使用を極力避け、テーブルの入れ子やspacer.gifの多様で作り直し、Mac/IE5での確認はできたのですが、Win/IE4,IE5での環境がととのわず、確認できてません。Mac/IE5で崩れずに表示されればほぼ問題はないのでしょうか？
- masakichi0212
- お礼率71% (5/7)
- CSS
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
>Mac/IE5で崩れずに表示されればほぼ問題はないのでしょうか 誰の為に作っているHPでしょうか。お客さんから、と書いてあるのでご商売用と思いますが、それなら上得意さんのPC環境を聞いて置かねばなりませんね。その意味からすると、このご質問は上得意さんに対して発するもので、ここでのご質問にはなじまない、と言うことになると思います。 とはいえ、これでは回答になりませんからご一緒に考えて見ましょう。 閲覧者の環境は本当に千差万別です。ですから同じように見て貰うことは諦めなければなりません。ご質問者さんはブラウザを問題にされましたが、画面解像度の違いはレイアウトする人泣かせです。 １）CSSの参考書には記述の種類ごとにそれが適用されるブラウザの種類が表示されているのが普通です。ここをしっかり見落とさないようにする。 ２）横幅を800ピクセルまでに止める。営業用のホームページではよく見掛けますが、画面幅にゆとりがあり過ぎて無駄なスペースがあるように見えますが、これは昔の800×600ピクセルで閲覧する人をも想定しているのです。これにならってコンテンツは横800ピクセルまでにします。 表も800ピクセルまでにしますが、中身が横に広がっている場合はwidth：800；と記述してもそれにかかわりなく広がりますから要注意です。一般に表を使う際は十分考えて置かないと崩れやすいものです。表を避けられるものなら出来るだけ減らした方が良いと思います。 ３）フレーム構造ではない方が崩れに対して有利です。その際サイト内のリンクは画面上部に張ります。 HPレイアウトは奥が深いので参考書を何冊かお読みになるのをお勧めしたいです。
その他の回答 (1)
CSSを使う場合でもソースを正しく書き、互換性などを考慮すれば、 古いブラウザでレイアウトが極端に崩れる心配はなくなるはずです。
お礼
丁寧なご返答ありがとうございます。質問にももう少し詳しく書かないといけませんでしたね。お客さんというのはクライアントになるのですが、そちらでの推奨ブラウザ環境がWinのIEなら4.0以降、ネスケは7、Macはサファリ以外でもIE5他などと謳っています。とはいえ見る人側の解像度、文字表示サイズ設定などで避けがたい部分ありますよね。著しく文字の表示サイズが変わるとか大きく配置がずれるということがなければ良いと思っています。ほぼ同じ条件下でWin/IE5とMac/IE5での表示がそんなに変わらないものであればよいのですが・・・