- ベストアンサー
CSSで制作する場合の対応ブラウザ
皆さんはこれからCSSコーディングでサイトを制作する時、対応ブラウザはどこに線引きをされますか。仕様書がある場合はそれに沿う必要がありますが、ない場合はどうされますか。皆様のお考えをお聞かせください。 ■僕の考え MacIEは見ている方がいないと考えられるので省くIE6、IE7とfirefox、Safari、opera、NNなどなどの最新版ぐらいでいいのかなあと思っています。 おいおいそれはプロとしてどうなの？とか自己満足の範囲でいいんじゃない？とかMacIEぐらいは対応しといた方がいいんじゃない？などなど ご教授願います。
- goalmania
- お礼率100% (5/5)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
Mac IE → 開発終了 ＝ 論外 NN → mozilla ＝ firefox という辺りで現行OSとしてサポートする範囲を明確にしておく win → 2000辺り → IE6から mac → OSX辺り → safari operaとfirefox(mozilla)はOS標準ではないがそれぞれに人気が有るのでサポート範囲 で良いんじゃない？ http://www.apple.com/jp/news/2001/mar/22macosxsalesstart.html win2000より前を切るなら似た理由でOS9から古いのは切っても良さそう
その他の回答 (1)
1 Internet Explorer 6 - 71.43% 2 Internet Explorer 7 - 13.1% 3 Firefox - 5.47% 4 Safari - 1.57% 5 Opera 8 - 1.36% 6 Internet Explorer 5.5 - 1.27% 7 Internet Explorer 5.0 - 0.94% 8 Opera 9 - 0.87% 9 NetFront - 0.87% 10 Opera 7 - 0.53% 11 Netscape 7 - 0.24% 12 Netscape 3 - 0.04% 13 Opera 9 - 0.03% 14 Netscape 8 - 0.01% 15 Opera 7 - 0.01% 16 Netscape 6 - 0.01% 17 Camino - 0% 18 Internet Explorer 4 - 0% これが八月に入ってから今日まで、ホームページに訪れてくれた方のブラウザです。 上位三つまで確認できれば良いかなと思います。
お礼
サイトをMac IEで見ている人がいるなと思ったら（表示確認する時の）自分だったり。。実際はいないんですよねー。 今後は必要とされないハックですから、やる気はないんですよね。。 Mac IEにはCSSを適応させないというのも一つの手段ですね。 データまで見せて頂いてありがとうございます。 勉強になりました！
関連するQ&A
- Safariの表示と他ブラウザの表示の違い
HPを制作し、その表示確認にはwinのIE/NN/Firefox/Opera、Mac/IEを使用していますが、Safariで確認できる環境にありません。Safariってどんな感じでしょうか？上記で確認してOKなら、Safariでも大丈夫（そうな）感じですか？また、CSS等の扱いで、Safari独特のものなどもしあればお伺いしたいのですが。
- ベストアンサー
- CSS
- 古いブラウザ・・どこまで対応すべき？
HTML+CSSで、今風の作り方・・（テーブルとかで細工するのではなく、DIVにスタイルをつけたり）でサイトを作りました。IE6、Firefox、NN8など最近のブラウザでは、ほとんど違わず表示できて、うまくいったと思ったのですが・・ ふと思い立って、CSSに一応対応している古いブラウザ（IE5やNN4.7など）で試しに開いてみたら、画像と文字が重なったり、文字の回り込みや寄せが滅茶滅茶で、もはや読める状態ではなくなってしまっていました。 いったい、古いブラウザはどのくらいまで対応したらよいものなのでしょうか？ アクセス解析によると、NN4.7とかIE5とか、未だ使っている人いるようなのですが・・もう、こういう人たちは、ページが崩れて見えることには慣れてる、と割り切ってよいのでしょうか・・。
- ベストアンサー
- HTML
- 全てのブラウザで崩れないCSS
XHTML+CSSでウェブサイトを構築している者です。 サイトがある程度出来上がってきて各ブラウザでチェックをしていたのですが、検索エンジンのキャッシュで崩れていた事に気づきました。 崩れた原因を調べ、なんとか対応したのですが、FirefoxのGoogleキャッシュは崩れずIE7のGoogleキャッシュでは崩れています。 そこで、ブラウザ、OS、検索エンジンキャッシュで見ても崩れない(ブラウザごとの多少の違いはあると思いますが)CSSの決まりがあれば知りたいと思いました。 無料ブログサービス(アメーバ等)のデフォルトテンプレートはどんな環境でみても崩れないと聞いたことがありますが、可能なのでしょうか… ■作成したサイトをチェック→ブラウザ XHTML 標準モード+CSSハック使用 ・Win Firefox 2 3 ○ ・Win IE 6 7 ○ ・Win IE 5以下 CSS無効 ・Mac IE 5 CSS無効 ・Win Opera 9 ○ ・Win Safari 3 4 ○ ■作成したサイトをチェック→キャッシュページ 後方互換モード ・FireFox3でGoogleキャッシュを見たとき→○ ・IE7でGoogleキャッシュを見たとき→崩れる 原因はIE7の後方互換モードに対応できていないことだと思います。 IE7後方互換モードに強いサイト等を紹介してもらえたら嬉しいです。 よろしくお願いします！
- 締切済み
- ブログ
- firefox だけ専用のCSSを表示させたいのですが、、、
firefox 専用のCSSを表示させたいのですが、 stylelink.js として var var_css=''; if(checkB.Mac) { if(checkB.SAF) { var_css="SAF"; } else if(checkB.IE52) { var_css="MacIE52"; } else if(checkB.IE5 || checkB.IE51 || checkB.IE6) { var_css="MacIE5"; } else if(checkB.NN6 || checkB.NN7) { var_css="MacNN6"; } else { var_css="common"; } } else if(checkB.Win) { if(checkB.IE) { var_css="IEGEK"; } else if(checkB.Win) { if(checkB.gecko) { var_css="firefox"; } else { var_css="common"; } } document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"/css/"+var_css+".css\" title=\"fontproperty\">"); としましたが 外部 firefox.css が上手く反映しません。 どうすればよいのでしょうか？ 御教授をお願いいたします。
- ベストアンサー
- JavaScript
- cssの今、一番旬なブラウザごとに違うcssをかける方法
現在４つのブラウザでほぼ同じような動作・見栄えをするサイトを制作しております。 ４つのブラウザとは（opera ie6 ie7 firefox）です。 そこで、現在、ie6だけで生じる表示崩れがあり、 そのcssの解決方法も発見したのですが、 それを解決すると今度は逆に、opera,ie7,firefoxでエラーが起きてしまいます。 読み込んでいるのは、一つの外部cssファイル、main.cssです。 現在考えられる解決方法としては、 １．ie6だけにcssを掛けるハック？ この場合、どのようにハックをかければいいのでしょうか。 色々しらべましたが、スターハックなど、現在使って良いハックというのは何になるのでしょうか。 具体的なcssコードは、以下です。 #pull a:hover{ display:block; /*以下ie6だけに指示したい命令 現状コメントアウトしています*/ /*margin-bottom:-20px;*/ } ２.ie6だけ別の外部cssファイルを読み込ませる。 ブラウザ毎に違うcssファイルを読み込ませることってできるのでしょうか。 （javascriptで判別するのでしょうか？） ie6 なら、main_ie6.cssを読み込み、 それ以外のブラウザなら main.cssを読み込ませる 一番ベストな方法を教えていただければと思います。
- ベストアンサー
- HTML
- CSS/JavascriptなどWEBサイトのプレビュー用ブラウザは？
ウェブサイトを制作するとき、ブラウザによって違いがでてきますよね？ 厳密に言えばマック、ウィンドウズの、IE、Firefox、safari、opera、netscapeなど、また、それぞれのバージョンでチェック必要があるかと思いますが、相当な数にのぼります。 チェックするための環境はどのように整えていますか？ そもそも一つのパソコンで一つのブラウザの違うバージョンを 動かすことはできるのでしょうか。 私はフリーで制作しているので一般的にどうなのかわかりません。 皆様のご意見を頂けたらと思います。
- ベストアンサー
- CSS
- IEだけ外部CSSを読み込まない
こんばんは。 レスポンシブサイトを製作中なのですがIEだけが外部CSSを読み込みません。 Chrome、Firefox、Opera、Safariなどのモダンブラウザは異常なく読み込みます。 IEに限ってどのバージョン（少なくとも８～11）もCSSを読み込まずHTMLだけのレイアウトです。 考えられる原因は何だと思われますでしょうか？ モノをあげられないので推測での話になると思うのですが、よろしくお願い致します。
- 締切済み
- CSS
- ほとんどのブラウザに対応したキーイベントのプログラムをJavascri
ほとんどのブラウザに対応したキーイベントのプログラムをJavascriptで書きたいのですが、 IEではwindow.eventは使えましたがFireFoxなどでは定義されていないエラーになります。 ブラウザごとのキーイベントについて知りたいです。 IE,FireFox,Safari,Chrome,Opera,Netscape,Other
- 締切済み
- JavaScript
- cssを使ってlist表示（opera)
こんにちは。 初心者ですが、今cssとxhtmlを用いてのweb制作をしております。 cssの指定でマウスを乗せると色が変わるメニュー（横型）を配置したのですが、Firefoxでは動作確認できるのですが、IEでは全部崩れ、operaではメニュー部分のリストが指定できていません。 FirefoxとoperaではCSSの記述に違いがあるのですか？ そして、IEで表示する際にcssはどうしたらきちんと読み込んでくれるでしょうか？？
- ベストアンサー
- HTML
お礼
> Mac IE → 開発終了 ＝ 論外 確かにそうかもしれませんね。。大幅な表示の崩れがでない程度に対応したいと思います。 Mac IEばかり頭にあると新しい試みが出来ないことがあるのでその辺は臨機応変にしようと思います。 IE6、IE7、firefox、safari、operaぐらいですかね。 みんなfirefox使えばいいのに。。 適切なアドバイスありがとうございました。