safari でcssがききません！

質問

こんばんは。
仕事でサイトを作っているのですが、Macのsafariでだけまったくcssが効かないという現象にぶちあたってしまいました。

下のように、外部cssを読み込み、文字サイズはcss.jsでwin、mac向けに指定してます。（文字サイズは表示されてます）
<link rel="stylesheet" type="text/css" href="css/default.css"/>
<script language="javascript" type="text/javascript" src="js/css.js"></script>

Macのfirefoxではなんの問題もありません。
cssは覚えたてて経験浅く、どのあたりに原因があるのかさっぱり分かりません…。
どなたか、解決法、参考サイトなどありましたら、教えてください！
よろしくお願いします。

回答No.2

2pola4

cssは組み合わせによってよくわからない現象が時々起きます。
IEでの話ですが、ソースコードで改行をいれたらレイアウトが崩れたり、全角スペースをいれたら表示されていないものが表示されたり・・・。
以前safariでcssがまったく効かなくなった事がありましたが、その時はcssでIE用のハックを使ったのがなぜか影響し、それを消したらcssが適用されるようになりました。
まずは読みこんでいるcssの記述をチェックしてみてください。半角スペースが抜けていたり、全角が入っていたり、スペルミスとか。
次はcssのシートを一度白紙にし、そこに一つ一つのclassやIDの設定を書き加えて、都度ブラウザチェックするとか。どこで問題が起きているのかを調べてみるということです。こういった事例に対して一つづつ対処していると、だんだんとバグが出たときのカンがついてきます。
頑張ってください。

お礼

回答ありがとうございます！お礼が遅くなってしまって
すみません。

やはり、safariでcssが効かなくなる事例はあるのですね。
まだ細かいところまで調べてはいないのですが、
わかってきました。

でも、本当にカンを身につけていくしかないですよね。
面倒くさがらずに頑張ります！

回答No.1

korishu

Macのsafariにはそのタグが対応していない、とかでは
ないでしょうか。

お礼

ありがとうございます。

あまり詳しい説明ができていなかったのですが、個別のタグではなく、
cssをまったく読み込んでいない状態なのです。

補足になりますが、元々あったサイトの改修の際におきた現象で、
以前はきちんと読み込んでいました。
このままでは見栄えが悪すぎるのでdefault.cssを元のものに戻し、
新しく追加したタグを別のcssにして必要なhtmlに
link relで読み込むことにして一応解決しました。

ただ、原因がわかってないのが気持ち悪いです…。
もう少し検証してみます。