• ベストアンサー

Safariの表示と他ブラウザの表示の違い

HPを制作し、その表示確認にはwinのIE/NN/Firefox/Opera、Mac/IEを使用していますが、Safariで確認できる環境にありません。Safariってどんな感じでしょうか?上記で確認してOKなら、Safariでも大丈夫(そうな)感じですか?また、CSS等の扱いで、Safari独特のものなどもしあればお伺いしたいのですが。

  • CSS
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
noname#14286
noname#14286
回答No.1

win IE macIEでOKだったものが safariIEでは、ずれていた事がありました。 とにかく一度みてみる事で解決するならみてみる事です。 iCapture http://www.danvine.com/icapture/ を使うと、safariで表示したときの状態をスクリーンショットで 見せてもらう事ができます。

sakanayakin
質問者

お礼

ありがとうございます。さっそく見てみます。

関連するQ&A

  • MAC OPERA6.03 CSS letter-spacing について

    はじめまして、よろしくお願いいたします。 現在、HPを製作しているのですが、 MAC の OPERA でスタイルシート「letter-spacing」が 効かないくて困っています。 ネットで調べた結果ははっきり「使えない」とは 書いておらず、実際のところどうなのか?と思い 質問させていただきました。 現在「letter-spacing」が確認できているブラウザ Win IE6.0 OK Win NN7.0 OK Win NN4 OK Win OPERA OK Mac IE5 OK Mac Safari OK Mac OPERA 6.03 NG Mac の OPERA で「letter-spacing」は 使えないのでしょうか? 代理で「word-spacing」をとも思いましたが こちらでは少し表現が違うので、使用しません。 よろしくお願いいたします。

  • CSSがsafariでは全く機能しない。

    こんにちは。ご覧頂いた方ありがとうございます。出来上がったHPを動作確認してみたのですが、マック、winのIE5では双方問題なしだったのですが、他のブラウザ(safari,firefox)では、ずれるというよりも、CSSを全く受け付けていないようです。 CSSのバージョンとか、文字コードとかを疑っていますが、まだ出来ません。どなたかわかる方、ヘルプです。

    • ベストアンサー
    • CSS
  • Windows版 Safariの文字がきれいなのはなぜ

    こんにちは。 Win版 Safari3.0.4の文字がきれい。 ウェブサイト制作にあたり、この文字を他のBrowser (IE, Firefox, Opera)で 使用するには、どうすればいいのでしょうか? CSSのフォントファミリーなども何でも結構ですので、教えてください。 WindowsXP SP2環境で、先日 Safari3.0.4をダウンロードして起動してみました。 まだ、ベータバージョンで英語表示のメニューですが、かなり改善されていて、 日本語ページも問題なく表示できました。 そこで思ったことは、かなり文字がきれい。 他のIE7やOpera, Firefoxなどと比べても全く違います。(ちょっと太めですが)。 なじみのパサパサ感がなく、うまくスムージング処理されています。 同じWinで開いていて、この差はどこからくるのか不思議です。 よろしくお願いします。

  • ターゲットブラウザの選定

    BtoBの企業のサイト制作を行う場合、ブラウザの表示チェックはどこまで行うのが理想でしょうか? Win IE6.× Win NN6.× Win NN7.× MAC IE5.× MAC NN6.× MAC NN7.× MAC Safari 程度で考えてます。 価格にもよるのでしょうが、どのあたりまでカバーする事が多いでしょうか? また、最近のブラウザのシェアも分かれば教えてください。

    • ベストアンサー
    • CSS
  • ブラウザの判別と外部jsの読み込み

    Javascriptによりブラウザを判別して振り分けようと考えています 2つの外部jsファイルがあり、仮に(A)と(B)とします MacのIE,safari,FireFox,NN、WinのFireFox,NNは(A)を読み込む WinのIEは(A)と(B)を読み込む 以上のようなものをさらに外部js(c)で設置しようと考えているのですが 構文が組めずに戸惑っています html→(c)を読み込み→MacのIE,safari,FireFox,NN、WinのFireFox,NN(A)読み込み        ↓        WinのIEは(A)と(B)読み込み ヒントやアドバイスをいただけますでしょうか? よろしくお願いします

  • IEと、他ブラウザの表示がうまく合いません

    Dreamweaver CS3、macにてHPを制作中なのですが、safariやクローム、オペラで確認する表示と、 IEで確認する表示が異なり、困っています。 文字詰めやフォントもそうなのですが、IEで表示するとサイドのメニューバーの高さがページによって変わってしまう(広がる)ことに一番困っています。(メニューを選択した際、右側に表示される内容が多くスクロールが発生する場合) テーブル設定の問題?とも思ったのですが、IEだけなので困っています。 文章での説明分かりづらいかもしれませんが、この現象を回避できる方法をお教え頂ければ幸いです!どうぞよろしくお願いします。

  • ブラウザによる違い、皆さんはどうしていますか?

    HP作成をしていますが、素人なので、こちらにはよくお世話になっています。 今回は、ブラウザによっての違いに、皆さんがどう対処されているのか知りたくて、質問させていただきました。 設定したアクションが、 Mac OS9 IE OK Mac OSX FIREFOX OK WinXP IE OK で、 Mac OSX Safari で動きません。 ソフトまかせで、なかなかタグがいじれず、CSSもほとんどわかっていない現状です。 今回も、原因が知りたいというよりも、この程度の不具合ならば、皆さんはそのまま作り続けていくのか、確認できるブラウザだけはきちんと全部クリアさせていくのかお聞きしたいと思いました。 ちなみに環境は iMacG5-OS10.4-ソフトGoLiveCS2 で、アクションは「ボタンをクリックしてその画面を閉じる」というものです。 Mac対象者だけに作っているHPではないというものの、本家のSafariで動作しないというのに、少々へこんでいます。 皆さんは、どうされていますか?

  • ブラウザが違うと制作中のHPの表示が異なってしまう

    HP制作初心者です。 macのテキストエディットでHPを作っているのですが、だいたいのレイアウトや全体像ができたところでWinのIE(バージョンまでは確認していません…)で表示してみたところ、レイアウトやフォントなどmacのsafariとかなり違いがありました。 制作中のHPをおおまかに書くと、背景などは使っていなく(白)、すべてosakaフォントの10pt~7pt、基本レイアウトはcssによるヘッダ・本体・(フッダ)の構成でfloatは使っていません。 レイアウト崩れなど回避できた所もあるのですが、 今解決できないのはWinのIEではフォントの違い(→WinではMS Pゴシックが表示されるようにしています。その他sans-serifとsans-serifに分類されるフォントも指定しています)によって字詰めや大きさが変わってしまう(ひとまわり小さくなるようです)、古いIEでは定義タグが一部効かない箇所がある、トップページは中央に画像一つとコピーライト(画像)なのですがフッダで画面の下に配置したコピーライトが中央の画像にかぶってしまう。などです。 自分の環境がmacのsafariとfirefoxしかなく、調べてみるとIE6などバグが多く発生するらしいもののシェア率がかなり高いようなので、いっきに不安になりました。 なんとなく全ての環境で同じように見えるというのは無理そうな事が分かってきたのですが、ブラウザが変わっても、見え方が近くなるこつなどはあるのでしょうか? また、HP制作でそれらをさける為にまずやるべきこと。などがあれば教えていただきたいです。 HP制作用のソフトを使えばいいのか?など分からないことだらけなのですが、何かアドバイスなどあれば、よろしくお願いします!

    • ベストアンサー
    • CSS
  • IEと他ブラウザでの行間について

    CSSにてレイアウトを行っていますが、IEで表示したとき行間が詰まってしまいます。 全体的に狭くなってしまうのはもちろんなのですが、 たとえば文章と文章の間を<br><br>で一行開けた場合も、Firefoxなどでは -------------- 一行目 二行目 -------------- となってくれるのですが、IEだと -------------- 一行目 二行目 -------------- につまってしまいます。 作成環境はMacOSX、DreamweaverCS3 確認はmacでFirefox3、Safari3、Opera9.5、Netscape7.1です winでIE6、Firefox3です。 ブラウザ間の表示誤差をできるだけ少なくするにはどのような指定方法がよいのでしょうか? CSSのフォント関係の指定の部分のみ抜粋します。 html {font-family:'Verdana', sans-serif; color:#444444; font-size:66%; line-height:2.0; letter-spacing :0.2em; } これは小さなことなのですが、他にもIEでの表示でつまづくことが多いので困っています。

    • ベストアンサー
    • HTML
  • 各ブラウザで表示するには

    はじめまして。 現在HPを作成してるのですが、IE8・firefoxでは罫線が表示されるのに、googleghromeとsafariでは表示されない状態です。 何らかの記述が必要なのでしょうか?当方最近HPを作成し始めばかりで、何が原因なのか見当がつきません。 ご教授の程、宜しくお願いいたします。 制作環境 OS:Win7 ソフト:DreamWeaber CS5

専門家に質問してみよう