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

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

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

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

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

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

No.1 ベストアンサー 回答者： karumakaruma 回答日時： 2008/12/08 13:58

どのような記述をされているかわからないので

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

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

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

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

参考URL：http://blog.worldending.jp/web/css-hack.php

この回答へのお礼

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

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

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

お礼日時：2008/12/08 15:38