

HTML+CSSで、今風の作り方・・(テーブルとかで細工するのではなく、DIVにスタイルをつけたり)でサイトを作りました。IE6、Firefox、NN8など最近のブラウザでは、ほとんど違わず表示できて、うまくいったと思ったのですが・・
ふと思い立って、CSSに一応対応している古いブラウザ(IE5やNN4.7など)で試しに開いてみたら、画像と文字が重なったり、文字の回り込みや寄せが滅茶滅茶で、もはや読める状態ではなくなってしまっていました。
いったい、古いブラウザはどのくらいまで対応したらよいものなのでしょうか?
アクセス解析によると、NN4.7とかIE5とか、未だ使っている人いるようなのですが・・もう、こういう人たちは、ページが崩れて見えることには慣れてる、と割り切ってよいのでしょうか・・。
No.4ベストアンサー
- 回答日時:
> 古いブラウザはどのくらいまで対応したらよいものなのでしょうか?
すべてに対応させる。
HTMLとはそのためのものなのだから。
というより、正しいHTML(デザインなし)を書いていれば
すべてのブラウザに対応できる。
問題はCSS(デザインあり)のブラウザ対応状況なので
正しく解釈してくれなかったり、対応していない
ブラウザに対しては、CSSをはずしていく。
ここらへんを参考に。
http://www.aboutworks.com/shokodei/diary/doc/sel …
ここまでは簡単にできるでしょう?
これで、全ブラウザ対応ページの出来上がり。
ただし、この場合、CSSをはずしたブラウザでは
デザインのまったくない表示となる(当たり前)。
それをよしと割り切るか、それらにもデザインを当てようと
別個CSSを用意していくかはあなたの宗教の問題。
人に聞くことではない。
ちなみに私はあぶないブラウザに対しては
CSSを完全にはずし、HTMLだけを表示させるように
している。読めればよしと考えている。
参考URL:http://www.aboutworks.com/shokodei/diary/doc/sel …
なるほど
怪しげなブラウザは、JavaScriptでCSSをはずしていけばいいのですね。
これならうまくいきそうです。ありがとうございました。
No.3
- 回答日時:
今IE4です。
ふだんはこれを使っています。ページが崩れて見えることには慣れています。
マイクロソフトのサイトはIE4がサポートされてなくて見ずらいですが、イーバンクのサイトはまだIE4用のソースが書かれているのでとても助かります。
No.2
- 回答日時:
>古いブラウザ・・どこまで対応すべき?
まぁそう聞かれたら出来るだけ全てと答えますが・・・。
その上で質問者がこの回答に対して感じた程度で対応すれば良いかと(笑
というのも、本当に理想は全てに対応なのですが、
かなり面倒なのと
使用できる機能がかなり制限されてしまうというデメリットがあり。
で、実際の対応ですが、まず自分のサイトの趣旨等をしっかりと把握する事です。
その上でページの構成を改めて検討し
魅せるページ,読ませるページ,操作させるページ等々、
各ページの内容をしっかりと意識する事です。
これにより、魅せるページはある程度のブラウザ等の閲覧者の環境を限定する事もしかたないと、本当に魅せる事を重視と。(映像のプラグインと同じ様な感覚です。)
これが読ませるページとなると、
読ませる事だけならテキストでできるので
どの様な環境で閲覧されても読めるはずです。
もし読めなくなってしまっていたら、
それは読ませるページに別の要素が盛り込まれているからで、
その要素が邪魔をするのでは本末転倒です。
それこそその付加要素は無くても問題ない様に作るべきで、
また状況によってはその付加要素を取り除きましょう。
少々やっかいなのが、操作のページです。
回避用のリンクを用意しておく位しかないのかなぁ~。
この点は本当に難しいです。
ただ、操作ページが適切に表示されず
見せたいページへの誘導がうまくいかないと、
肝心の見てもらいたい処をみてもらえず逃げられてしまいます。
ただ、完璧はまず無理なので、
どこで妥協するかです。
(魅せるページで古いブラウザを配慮しすぎて、
寂しいデザインになっては、本末転倒ですし・・・。)
やっぱり、どこで妥協するか、線を引かないといけないですよね・・
ターゲットが、あんまりパソコンに熱心な人じゃない可能性が高いページなので・・往々にして、古いブラウザ使っていそうで、悩みどころです。。
No.1
- 回答日時:
どこまで対応すべきか?という答えは、そのサイト次第ではないでしょうか。
商用サイトや企業サイトなど、つまり少しでも多くの人を対象にすることが重要な意味を持つ場合は、それこそIE4あたりまでテストする場合もあります。
実際問題、すべての環境に対応することは事実上不可能で、極端な話モバイル端末やテキストブラウザなどなど星の数ほどあるわけで、どこかで妥協線を引くしかありません。
個人のサイトなら、仮に見られなくても問題になるわけではないので、その人が「多くに見せたい」と「カッコ良く見せたい」の両方を天秤にかけて、バランスを考えつつ決めればいいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです 1 2022/07/13 22:15
- HTML・CSS Chrome のキャッシュについて 3 2022/05/26 07:50
- その他(パソコン・周辺機器) EXCELで「WEBオプションの対象ブラウザ」を変更する方法 2 2023/04/12 15:44
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- その他(ブラウザ) angel ブラウザってなぜアプリのクラッシュやフリーズが多いのでしょうか?? 特定のサイトにこのブ 3 2023/02/06 20:17
- Android Android6.0ってどうですか?? Android6.0って今使うのはどう思いますか?? 対応ア 1 2023/01/03 23:46
- PHP アップロードファイルの数に応じてCSSを動的に変更したいのですが、方法がわかりません 3 2023/07/23 21:59
- Windows 10 パソコン初期化の件です 2 2022/06/05 11:05
- HTML・CSS HTMLとCSS(ブラウザ関連)について質問です。 1 2023/03/07 08:07
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・昔のあなたへのアドバイス
- ・字面がカッコいい英単語
- ・許せない心理テスト
- ・歩いた自慢大会
- ・「I love you」 をかっこよく翻訳してみてください
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・はじめての旅行はどこに行きましたか?
- ・準・究極の選択
- ・この人頭いいなと思ったエピソード
- ・「それ、メッセージ花火でわざわざ伝えること?」
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・【お題】甲子園での思い出の残し方
- ・【お題】動物のキャッチフレーズ
- ・人生で一番思い出に残ってる靴
- ・これ何て呼びますか Part2
- ・スタッフと宿泊客が全員斜め上を行くホテルのレビュー
- ・あなたが好きな本屋さんを教えてください
- ・かっこよく答えてください!!
- ・一回も披露したことのない豆知識
- ・ショボ短歌会
- ・いちばん失敗した人決定戦
- ・性格悪い人が優勝
- ・最速怪談選手権
- ・限定しりとり
- ・性格いい人が優勝
- ・これ何て呼びますか
- ・チョコミントアイス
- ・単二電池
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・ゴリラ向け動画サイト「ウホウホ動画」にありがちなこと
- ・泣きながら食べたご飯の思い出
- ・一番好きなみそ汁の具材は?
- ・人生で一番お金がなかったとき
- ・カラオケの鉄板ソング
- ・自分用のお土産
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
GoogleChromeでレイアウトが左...
-
プルダウン(リストボックス)の...
-
WEBページからのメッセージをVBAで
-
doc As HTMLdocumentのコンパイ...
-
エクセルのシートをブラウザに...
-
<IMG>のALIGN属性値「absmiddle...
-
webページの有効期限が切れてい...
-
主要ポータルサイトの多くがス...
-
[JAVA]IE→Edge対応時にURLが表...
-
スマホでページ内リンクができない
-
HTMLのimageをクリックする方法
-
tabキーによるfocusの当たり方...
-
WindowsとMacでのChromeのスタ...
-
HTML文書を上書き保存してもブ...
-
HTMLのバージョンの確認方法は?
-
HTMLチェッカーの警告とBGM
-
XMLを作成してもタグしか表示さ...
-
AfterEffectsでイージーイーズ...
-
テーブルの幅を固定するとnowra...
-
JSONパース時に改行があるとエ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
GoogleChromeでレイアウトが左...
-
プルダウン(リストボックス)の...
-
WindowsとMacでのChromeのスタ...
-
Macで見るとページが崩れます。
-
doc As HTMLdocumentのコンパイ...
-
VBA オブジェクトが必要です
-
<IMG>のALIGN属性値「absmiddle...
-
CSSやJavaScriptのバージョン指定
-
エクセルのシートをブラウザに...
-
HTMLのバージョンの確認方法は?
-
WEBページからのメッセージをVBAで
-
スマホでページ内リンクができない
-
tabキーによるfocusの当たり方...
-
MACでウェブサイトが開かない件
-
HTML4.01のままの弊害
-
cssレイアウトでSafariだけがど...
-
旧ブラウザでの確認について
-
HTMLのソース隠し
-
現在のDOCTYPEの主流は...
-
ボタンをクリックした時に指定...
おすすめ情報