スタイルシート（ＣＳＳ）がＳａｆａｒｉのみレイアウトが崩れるときの対処法

質問

趣味でＣＳＳレイアウトを用いて、サイトを作成しています。

ＣＳＳでつくったコンテンツ部分の枠の中に、ＣＳＳで３つのわくを横並びにつくっていたのですが、IEで表示がくずれたので、仕方なくテーブルで作成したところ、正しく表示されるようになりました。

しかしＳａｆａｒｉのみその３つのわくが横に飛び出してしまいます。

他にＦｉｒｅｆｏｘ、ＩＥ７、Ｓｌｅｉｐｎｉｒでは正常に表示されます。

こういうときＷｅＢデザイナーの方はどうされているのでしょうか？

回答No.1

karumakaruma · ベストアンサー

どのような記述をされているかわからないので
CSSの解釈の違いなのか、HTMLの記述間違いなのか不明ですが、
一般的に、ブラウザ間のCSSの解釈の違いの修正には
CSSハックと呼ばれる技法を使う事が多いです。

細かい事は参照URLを見てもらったり、検索をかけてもらえば
わかると思いますが、記述方法によるブラウザ毎の解釈の違い
(主にコメントとして認識したり、無視したりする様な記述)を
利用して、特定のブラウザのみCSSを解釈させる方法だと
思っていただければいいと思います。

ただし、CSSハック自体はCSSの文法として必ずしも正しいわけではなく、
無理やり解釈させているものもあるという事をご理解ください。

※HTMLの記述間違いの可能性もありますので、HTMLタグの閉じ忘れ等の
※確認もした方がいいかもしれません。

参考URL：

http://blog.worldending.jp/web/css-hack.php

お礼

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

ハックという方法があるのですか。
はじめて知りました勉強してみます。

ＨＴＭＬの方も確認したいと思います。