質問: safariでのひどいレイアウト崩れ 現在webサイトのコーディングを行っています。 windowsで作業、ieとfirefoxで確認という形で作業をおこなっていました。 今日たまたまmacにふれる機会があり、safariで作業中のサイトを確認してみると、ひどいレイアウト崩れがおこっていました。 とくに、background-imageの表示のされ方がひどいです。 しらべてみると、safariではbackground-imageで指定した画像が、領域よりも大きいと、はみ出てしまったりしてしまうそうでした。 これは何か回避方法はないのでしょうか? cssスプライトでコーディングを行っているため、背景画像として使う画像は基本的に指定する領域よりもおおきくなってしまいます。 背景画像を指定している領域では全てがはみでたり、ずれたりで、本当にひどいことになってしまっています。 初歩的なことかも知れませんが、回避方法をご存知の方がいらっしゃいましたら、おしえていただけないでしょうか? よろしくお願いします。
回答: バグの例として挙がっているページをwindows版safari4.03で見たら、 ちゃんと見えました。4で治ったのでしょうか? それとも、windows版 だから? それはさておき、どこにも回避方法は載ってませんね。というか、 「回避方法:なし」と明言しているところも・・・ これは、cssスプライトを止めるしかないのでは。 #1さんの回答に反論することになりますが、macユーザーを無視する のでない限りsafariは無視するべきではないと思います。 (実は、質問者さんには失礼ながら、私にとっての本題はココ) cromeを使っているユーザーは、他人が設定したパソコンを使っている 場合を除き、自分で意識してインストールしています。なので、 おかしな表示になれば、他のブラウザ(windowsならie、macならsafari 等)で試してくれます。 それに対して、macのsafariユーザーは最初から入っているものを 意識することなく使っている人が多いです。ブラウザに選択肢がある ことを知らない、それどころか「ブラウザって何?」レベルの人も 多いでしょう。そんな人たちは、表示がおかしなサイトは、壊れた サイトと見なして二度と訪れてくれなくなります。