DreamweaverでCSSを開くと文字化け

Filed under XHTML+CSS

僭越ながら他所の方が作られたhtmlをチェックして欲しいと言われて、「じゃやりましょうか」ということで何の気なしにFirefoxを立ち上げたが文字が何か変。

なんてことはないCSSでの文字指定がちゃんとされてないんじゃないかなと。

なのでDreamweaver(以下DW)にCSSを投げ込んで見たところ…
css-bake.png
あぁ化けてる…てかcharsetすら無い
とりあえずhtmlを見てみると
html-moji.png
ふむShift_JISね

お次はCSSの確認、DWだと文字化けしてしまうので秀丸で開いてみる。
hide-css.png
あぁFont-familyがDWの初期設定のままなのか。
それで肝心のCSSでのエンコードはどうなってるんでしょうか…
hide-enko.png
あぁやっぱり。

結局htmlとCSSとのエンコードが違うのが原因かなということで、
shift_JISで再保存。

するとFirefoxでもソース通りに表示されました。

うんで何が言いたいかというと、別に「charsetくらい書きましょう」とか「文字エンコードは確認しましょう」とか参考書みたいな事がが言いたいのではなく(そりゃちゃんとしてくれる事にこしたことはないけど)納品されたデータをサーバーに上げる直前になって初めてソースをチェックするっていうのは勘弁してください(><;

次はもっと大きな問題が発覚するかもしれないので…というお話。

なのでCSSファイルが文字化けしちゃった方はエンコードを確認してみてください。

<!--早く自分のブログのテーマ作らないと一々Style指定するのが面倒だorz-->