DW使っててSafariでCSSが効かないトラブルに遭ってる人へ
- 2009年12月28日
CSSのトラブルで友人が困っていて、なんやかんや調べていたら結構興味深いネタだったので(Twitter上だけではもったいないと思い)ブログにもまとめておきます。
結論だけ書くと「CSSファイルの一番最初にcharsetを指定しましょうね。コメント入れたり改行やスペース入れると、そのcharset指定の直後のスタイルのみSafariでは無効になりますよ」という話。
「CSSファイルの一番最初にcharsetを指定しましょう」なんてそんなの当然だろという声が聞こえてきそうですが、どうもDreamweaverの古いバージョンを使ってコーディングしている方がハマりそうな話なのです。詳しくは「Dreamweaver 使ってて Safari チェックしてない方へ注意 : The Trap of Web Design」に素晴らしくまとまっているので、これを読んでください(手抜きですみません)。CSSは全部効かなくなるんじゃなく、直後のスタイルのみですが、直後に@importとかで呼び出してると無効の範囲が広い場合があるので注意が必要です。
気になるのはDreamweaverのどのバージョンまでが1行目に「/* CSS Document */」などという不要な記述を自動で入れるのか?ですが、CS3はOKだけど8はダメみたいです。最近のバージョンを使ってない人は確認してみてください。しかし本当に不要ですねこの記述は。
いやー、やっぱり同じことで困ってる人って探せばいるんですね。今回は情報を見つけたのが問題解決後だったのですが、ネットってすばらしい。