こんばんは。
仕事でサイトを作っているのですが、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ベストアンサー
- 回答日時:
cssは組み合わせによってよくわからない現象が時々起きます。
IEでの話ですが、ソースコードで改行をいれたらレイアウトが崩れたり、全角スペースをいれたら表示されていないものが表示されたり・・・。
以前safariでcssがまったく効かなくなった事がありましたが、その時はcssでIE用のハックを使ったのがなぜか影響し、それを消したらcssが適用されるようになりました。
まずは読みこんでいるcssの記述をチェックしてみてください。半角スペースが抜けていたり、全角が入っていたり、スペルミスとか。
次はcssのシートを一度白紙にし、そこに一つ一つのclassやIDの設定を書き加えて、都度ブラウザチェックするとか。どこで問題が起きているのかを調べてみるということです。こういった事例に対して一つづつ対処していると、だんだんとバグが出たときのカンがついてきます。
頑張ってください。
回答ありがとうございます!お礼が遅くなってしまって
すみません。
やはり、safariでcssが効かなくなる事例はあるのですね。
まだ細かいところまで調べてはいないのですが、
わかってきました。
でも、本当にカンを身につけていくしかないですよね。
面倒くさがらずに頑張ります!
No.1
- 回答日時:
Macのsafariにはそのタグが対応していない、とかでは
ないでしょうか。
ありがとうございます。
あまり詳しい説明ができていなかったのですが、個別のタグではなく、
cssをまったく読み込んでいない状態なのです。
補足になりますが、元々あったサイトの改修の際におきた現象で、
以前はきちんと読み込んでいました。
このままでは見栄えが悪すぎるのでdefault.cssを元のものに戻し、
新しく追加したタグを別のcssにして必要なhtmlに
link relで読み込むことにして一応解決しました。
ただ、原因がわかってないのが気持ち悪いです…。
もう少し検証してみます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS PrettierのHTMLの記述変更 linkタグ 1 2022/06/23 04:06
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
下線なしのリンクは?
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
outlook 文字を揃えたい。tab...
-
「MS Pゴシック」と同じ幅の...
-
EXCEL VBA 印刷プレビューダイ...
-
CSSを一部無効にしたい
-
ワードでゴシックの文字を太く...
-
エクセルVBAが中国のPCでは動か...
-
縦書きテキストボックスの表示"...
-
英語版OSでの遊明朝、游ゴシック
-
【スタイルシート】 半角と全角...
-
ペイント3Dのテキストサイズ変更
-
font-family の記載方法
-
MsgBoxについて
-
ASP VBscript でメッセージボッ...
-
Excel VBAで文字列の可視長を得...
-
accessのレポートで文字間隔を...
-
アコーディオンメニューが思う...
-
アンダーラインのカラー
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSS、Bootstrapについて contai...
-
携帯では指定のタグを無効化す...
-
リンクの色一括指定について。
-
cssでリンク先のurlを表示させ...
-
メールソフトBecky!のHTMLメー...
-
safari でcssがききません!
-
ホームページについて質問です...
-
ホームページビルダーでcssのサ...
-
複数のcheckboxを間隔を空けず...
-
Chromeでcssを表示させると、cs...
-
HTMLで、IE/firefox 書き分ける...
-
文字の色、大きさを変えるWe...
-
CSSシグネチャ
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
PDFファイルを開かずに印刷...
-
ペイント3Dのテキストサイズ変更
おすすめ情報