各ブラウザでホームページのチェックをしているのですが、MacのSafariとWinのFireFoxで表示に違いはあるのでしょうか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:--
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答5件)

id:tententireman No.1

回答回数335ベストアンサー獲得回数0

ポイント16pt

こちらのページによると、「色の再現性が全然違う」そうです。

id:tenshin42

なるほど、参考になります。

一番の問題はレイアウトの崩れなんですよね・・・

2006/03/02 15:45:29
id:hamster078 No.2

回答回数587ベストアンサー獲得回数4

ポイント16pt

たとえ、サポートしているxhtmlなんたらかんたらのバージョンが同じでも、すべてのブラウザに違いがあります。

それはhtmlが間違っていた場合の許容度、処理法が各ブラウザによって違うのです。完璧に正しいhtmlというのはまずないので、変なところの表示法がそれぞれちがってきます。

スタイルファイルは精密な分、とくにそうです。

id:tenshin42

レイアウトに関する(floatなど)ところで大きな違いがなければいいのですが・・・

ちなみに、XHTML1.0Transitionalで、制作しています。

2006/03/02 15:52:08
id:hamster078 No.3

回答回数587ベストアンサー獲得回数4

ポイント16pt

>レイアウトに関する(floatなど)ところで大きな違いがなければいいのですが・・・


スタイルファイルを使ったレイアウトで独自なのはIE6ですね。IE5とIE7は標準のスタイルファイルをサポートしているようです。でもIE6を使っている人がまだまだ多いので、かなり問題。

id:tenshin42

SafariとFireFoxについても書いてくれればと思います。

2006/03/03 10:57:10
id:hiro7373 No.4

回答回数6ベストアンサー獲得回数0

ポイント16pt

http://browsershots.org/

Test your web design in different browsers - Browsershots

様々なブラウザでの見え方をチェックしたいなら、browsershots.org

Safari での見え方をチェックしたいなら、SafariTest を利用されるといいでしょう。

id:tenshin42

ありがとうございます。

こういうもので、ローカルでも確認できるようなものありませんかね・・・

2006/03/03 11:01:40
id:hiro7373 No.5

回答回数6ベストアンサー獲得回数0

ポイント16pt

http://pcweb.mycom.co.jp/column/osx/091/

【コラム】OS X ハッキング! 第91回 PearPC体験記 -その1- (MYCOMジャーナル)

ローカルで確認したいということは Windows 上で走る Safari と同じレンダリングエンジンが必要ということになりますが‥‥(念のため書いておきますが、それはありません)。どうしてもというならエミュレータで動かすとか。

Safari は KHTML ベースなので、Linux で KTML ベースの Konqueror を動かすとか‥‥。

http://www.konqueror.org/embedded/

Konqueror Homepage - Konqueror Embedded

ただし、Safari は KHTML ベースだと言っても、まったく同じわけではないので、参考程度にしかならないと思いますが。

id:tenshin42

回答ありがとうございます。

コメントのせいで少々本題からずれてきてしまいましたね。

・SafariとFireFoxでレンダリングに違いはあるのか(回答を見ているとあるようですが・・・)

・ある場合、それはどのような状況(コーディング)で起きるのか

なども教えていただければ助かります。

2006/03/03 20:05:57
  • id:hiro7373
    Re: SafariとFireFoxでレンダリングに違いはあるのか

    回答としての投稿件数を超えてしまったみたいなので、一応こちらに

    レンダリングエンジンが違うので、当然違います。ただ、両者とも比較的ウェブ標準に準拠しているので、どちらか一方に問題がなければ、他方でも問題がないことも多いです。本当に正しい xhtml を書いていれば、(Safari と Firefox に関しては) 問題になるケースは少ないと思います。とはいえ、やはり違いはあるので、見た目を確認できるウェブサービスを紹介したのです。

    > ある場合、それはどのような状況(コーディング)で起きるのか

    以下のような本を買って勉強されてはどうでしょうか。

    Amazon.co.jp:XHTML+CSSスタンダード・デザインガイド―XHTMLとデフォルトスタイルシートを基本にしたデザインコントロールの実践: 本
    http://www.amazon.co.jp/exec/obidos/ASIN/4839916896/

    Amazon.co.jp:必携 HTML/CSS/JavaScript Webブラウザー互換性辞典インプレスの辞典: 本
    http://www.amazon.co.jp/exec/obidos/ASIN/4844318195/

    ただ、理屈ではうまくいっているように思えても、実際表示させてみないとわからないこともあるので、各ブラウザでの確認はかかせないでしょう。Firefox と Safari の確認ができればいいのなら、両ブラウザとも Mac OS X 上で使えるので買ってしまえばいいという、極論もあり得ます。

    CSS の実装によって見た目に違いが出てしまうことはよくあると思いますが、以下が参考になるかもしれません。

    CSSバグリスト@CSSバグ辞典スレッド
    http://cssbug.at.infoseek.co.jp/index.html

    CSS関連リソースへのリンク
    http://cssbug.at.infoseek.co.jp/link.html

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません