• ベストアンサー

古いブラウザ・・どこまで対応すべき?

HTML+CSSで、今風の作り方・・(テーブルとかで細工するのではなく、DIVにスタイルをつけたり)でサイトを作りました。IE6、Firefox、NN8など最近のブラウザでは、ほとんど違わず表示できて、うまくいったと思ったのですが・・ ふと思い立って、CSSに一応対応している古いブラウザ(IE5やNN4.7など)で試しに開いてみたら、画像と文字が重なったり、文字の回り込みや寄せが滅茶滅茶で、もはや読める状態ではなくなってしまっていました。 いったい、古いブラウザはどのくらいまで対応したらよいものなのでしょうか? アクセス解析によると、NN4.7とかIE5とか、未だ使っている人いるようなのですが・・もう、こういう人たちは、ページが崩れて見えることには慣れてる、と割り切ってよいのでしょうか・・。

noname#43437
noname#43437
  • HTML
  • 回答数4
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
noname#12055
noname#12055
回答No.4

> 古いブラウザはどのくらいまで対応したらよいものなのでしょうか? すべてに対応させる。 HTMLとはそのためのものなのだから。 というより、正しいHTML(デザインなし)を書いていれば すべてのブラウザに対応できる。 問題はCSS(デザインあり)のブラウザ対応状況なので 正しく解釈してくれなかったり、対応していない ブラウザに対しては、CSSをはずしていく。 ここらへんを参考に。 http://www.aboutworks.com/shokodei/diary/doc/select/ ここまでは簡単にできるでしょう? これで、全ブラウザ対応ページの出来上がり。 ただし、この場合、CSSをはずしたブラウザでは デザインのまったくない表示となる(当たり前)。 それをよしと割り切るか、それらにもデザインを当てようと 別個CSSを用意していくかはあなたの宗教の問題。 人に聞くことではない。 ちなみに私はあぶないブラウザに対しては CSSを完全にはずし、HTMLだけを表示させるように している。読めればよしと考えている。

参考URL:
http://www.aboutworks.com/shokodei/diary/doc/select/
noname#43437
質問者

お礼

なるほど 怪しげなブラウザは、JavaScriptでCSSをはずしていけばいいのですね。 これならうまくいきそうです。ありがとうございました。

その他の回答 (3)

  • akcuiet
  • ベストアンサー率0% (0/3)
回答No.3

今IE4です。ふだんはこれを使っています。 ページが崩れて見えることには慣れています。 マイクロソフトのサイトはIE4がサポートされてなくて見ずらいですが、イーバンクのサイトはまだIE4用のソースが書かれているのでとても助かります。

回答No.2

>古いブラウザ・・どこまで対応すべき? まぁそう聞かれたら出来るだけ全てと答えますが・・・。 その上で質問者がこの回答に対して感じた程度で対応すれば良いかと(笑 というのも、本当に理想は全てに対応なのですが、 かなり面倒なのと 使用できる機能がかなり制限されてしまうというデメリットがあり。 で、実際の対応ですが、まず自分のサイトの趣旨等をしっかりと把握する事です。 その上でページの構成を改めて検討し 魅せるページ,読ませるページ,操作させるページ等々、 各ページの内容をしっかりと意識する事です。 これにより、魅せるページはある程度のブラウザ等の閲覧者の環境を限定する事もしかたないと、本当に魅せる事を重視と。(映像のプラグインと同じ様な感覚です。) これが読ませるページとなると、 読ませる事だけならテキストでできるので どの様な環境で閲覧されても読めるはずです。 もし読めなくなってしまっていたら、 それは読ませるページに別の要素が盛り込まれているからで、 その要素が邪魔をするのでは本末転倒です。 それこそその付加要素は無くても問題ない様に作るべきで、 また状況によってはその付加要素を取り除きましょう。 少々やっかいなのが、操作のページです。 回避用のリンクを用意しておく位しかないのかなぁ~。 この点は本当に難しいです。 ただ、操作ページが適切に表示されず 見せたいページへの誘導がうまくいかないと、 肝心の見てもらいたい処をみてもらえず逃げられてしまいます。 ただ、完璧はまず無理なので、 どこで妥協するかです。 (魅せるページで古いブラウザを配慮しすぎて、 寂しいデザインになっては、本末転倒ですし・・・。)

noname#43437
質問者

お礼

やっぱり、どこで妥協するか、線を引かないといけないですよね・・ ターゲットが、あんまりパソコンに熱心な人じゃない可能性が高いページなので・・往々にして、古いブラウザ使っていそうで、悩みどころです。。

  • taseki
  • ベストアンサー率66% (155/233)
回答No.1

どこまで対応すべきか?という答えは、そのサイト次第ではないでしょうか。 商用サイトや企業サイトなど、つまり少しでも多くの人を対象にすることが重要な意味を持つ場合は、それこそIE4あたりまでテストする場合もあります。 実際問題、すべての環境に対応することは事実上不可能で、極端な話モバイル端末やテキストブラウザなどなど星の数ほどあるわけで、どこかで妥協線を引くしかありません。 個人のサイトなら、仮に見られなくても問題になるわけではないので、その人が「多くに見せたい」と「カッコ良く見せたい」の両方を天秤にかけて、バランスを考えつつ決めればいいと思います。

関連するQ&A

  • 全てのブラウザに対応したページを作りたい

    XHTMLとCSSでWEBページを作成したのですが、IEでは思い通りに表示されるのですが、Safariやfirefoxなどではどうしてもずれてしまいます。 divで囲ってる枠からはみ出して文字が表示されるのです。どうすれば全てのブラウザに対応できるのでしょうか?助言の方、宜しくお願い致します。

  • NN4.7はホームページ検証ブラウザにいれるべきですか

    ホームページをつくりましたが、macOS9のNN4.7で確認したところ、スタイルシートのborderがききません。それに文字化けをします。NN4.7はNN7とNN6.2を考えると最新のブラウザから数えて3番目のブラウザですが、ただしく表示するブラウザとしてborderと文字化けを調整するべきでしょうか。 macでは OS9-IE5,NN4.7 OSX-IE6,NN7 winでは win2000-IE6 winXP-IE6 で検証しています。 検証すべきブラウザで追加すべきものがあれば教えてください。

    • ベストアンサー
    • Mac
  • CSSで制作する場合の対応ブラウザ

    皆さんはこれからCSSコーディングでサイトを制作する時、対応ブラウザはどこに線引きをされますか。仕様書がある場合はそれに沿う必要がありますが、ない場合はどうされますか。皆様のお考えをお聞かせください。 ■僕の考え MacIEは見ている方がいないと考えられるので省くIE6、IE7とfirefox、Safari、opera、NNなどなどの最新版ぐらいでいいのかなあと思っています。 おいおいそれはプロとしてどうなの?とか自己満足の範囲でいいんじゃない?とかMacIEぐらいは対応しといた方がいいんじゃない?などなど ご教授願います。

    • ベストアンサー
    • HTML
  • スタイルシートのブラウザ対応状況について

    font-sizeの指定をしたいのですが、スタイルシートで困っています。 インラインで<div style="font-size:10px">AA</div>と記述すると、 きちんと表示してくれるのですが、 <Head>内にclassで記述したり、外部スタイルシートを用いると、 WINDOWSのNN4.0やNN4.75では、全く反応してくれません。 IE4.0以降やNN6では、きちんと表示されるのですが。。。 いろんな本を読みましたが、どの本もNN4.0以降なら、 外部スタイルシートも使えるようなことを書いてあったので、 困っています。 誰か詳しい方がおられたら、教えてください。

    • 締切済み
    • CGI
  • IE6ブラウザへの対応で行き詰ってしまったので、ご意見をお聞かせくださ

    IE6ブラウザへの対応で行き詰ってしまったので、ご意見をお聞かせください。 以下htmlの一部 <html> <head> <title></title> </head> <body> <div id="hoge"> 中央に表示されます。 </div> </body> 以下スタイルシートの一部 body { background:url("./background1.gif") no-repeat scroll left top; } #hoge { background:url("./background2.gif") no-repeat scroll left top; margin-left:auto; margin-right:auto; } <body>と<div>にそれぞれ、絵柄は同じだけど色が違う背景画像を設定しています。 目的は、ブラウザの横幅を広げた時に背景がずれないようにするためです。 FireFox3.6、IE7、IE8、GoogleChlomeでは目的の動きを取ることを確認できたのですが、IE6ではそうなりません。 IE6では、<div>に設定した背景画像の開始位置が、<div>の範囲(開始位置)になっているのです。 <body>のように、ブラウザの開始位置に配置したいときはどのようにしたらいいのでしょうか? cssハックを使って、IE6だけpositionでずらすという方法も試したのですが、 それだと背景にずれが生じてしまうため、あきらめました。 他にも何か良い方法がありましたら、お聞かせいただけると助かります。 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • CSSでmarginを指定すると、表示の仕方がブラウザによって変わってしまいます。

    はじめまして、CSS初心者です。 お聞きしたいことがあります。 ---CSS--- body{   margin:0px;   padding:0px; } #formbox{  width:750px;  height:155px; } #box01{ margin-left:30px; width:280px; height:50px; } ---HTML--- <div id="formbox"> <div id="box">ほげほげ</div> </div> というHTMLをIE6.0とfirefox1.5で表示させたときに、 <div id="box">のmargin-leftがIE6.0だと60pxぐらいになってしまいます。firefoxでは、30pxとられているようなのですが…。 IE6.0とfirefox1.5で誤差が生じしてしまうのはなぜなのでしょうか。 どなたかご教授お願いできないでしょうか。 よろしくお願い申し上げます。

    • ベストアンサー
    • HTML
  • セレクトボックスの内容を中央寄せ

    IE系ブラウザで表示する場合ですが、 セレクトボックスの内容を中央寄せしたいのですが、どうしたらよいでしょうか。 直接HTMLに書くよりも、スタイルシートでの指定にしたいと思っています。 それができなければ、HTMLに書いてもよいです。 よろしくおねがいします。 select.html --------------------------------------------------- <select name="selectmenu" class="selectbox"> <option value="param1">ここの文字を中央寄せ</option> <option value="param2">ここの文字が中央寄せ</option> <option value="param3">ここの文字が中央寄せ</option> <option value="param4">ここの文字が中央寄せ</option> </select> ---------------------------------------------------- style.css ---------------------------------------------------- .selectbox{ ここで中央寄せを指定 } ----------------------------------------------------

  • ブラウザによる表示の違い

    今サイトを作成しています。 HTML、CSSをはじめて1年の初心者です。 ブラウザは普段基本的にFirefoxを使用しています。 サイトの表示確認をFirefoxとIE7で行っているのですが2つのブラウザで微妙に表示がずれてしまいます。 色々調べてJavaScriptでブラウザを判別させてそれぞれに対応したページを用意するようなことが書かれていたんですがいまいちやり方がよくわかりません、、 やり方知ってる方助けてください。 もしくは他の対処法があるんでしたら教えていただけると助かります。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • クロスブラウザに対応できるDOMは?

    現在htmlページでrss(XML)の中身を取り出すプログラムをJavaScriptを使って書いています。ただ、このDOMがかなりブラウザ依存性の強いもので、今のところIE上での動作しか確認できませんでした。 自分が確認可能な環境は、IE・NN・FireFox・Operaの4つです。これらすべてに対応させられる方法あるいは個別で対応できる方法(ブラウザを判別して処理分けします)はありませんでしょうか? phpやperlのプログラム部で処理する場合はブラウザ依存は無いのでしょうか? 以上になります。 よろしくお願いします。

    • ベストアンサー
    • XML
  • cssハックでIE9にも対応させるには?

    CSSでFirefox,chorme,IEなどブラウザ間で色を統一させたく、 下記のようなcssハックを使いました。 IE6,7,8ではちゃんと反映されましたが、IE9では反映されませんでした。 IE9でも反映させるためには、どのようにしたら良いでしょうか? <!--[if IE ]> <style type="text/css"> #ie_color {background-color: #777777;} </style> <![endif]-->

    • 締切済み
    • CSS

専門家に質問してみよう