5丁目通信(仮称)

とある5丁目で活動する還暦間近のWebプログラマーの覚え書きです。それとかかってくる迷惑電話や、家業のアパート経営について。

CSSの文字コードの設定の話し


久しぶりに青山オフィスに出社したら、デザイナーからヘルプ。制作しているページでCSSが効かないとのことです。やSafariだと正常だけど、だけがCSSでのスタイルがおかしい。

結局は、CSSファイルのフォント指定が2バイト文字(MSゴシックとか)入っていてUTF-8で保存されていた。HTMLファイルはシフトJISである。IEはHTMLファイルとCSSファイルの文字コードをあわせないと、CSSファイルで2バイト文字が出てくると、これ以降は解釈されないようだ。

CSSファイルをシフトJISに変換して保存すればOK。秀丸エディタだと簡単。別の方法は、CSSファイルの先頭で文字コードを宣言する。

@charset "utf-8"; 

これはいつもやってしまうミス。お客様のHTMLファイルの指定がシフトJISなのに、CSSファイルを作るときにDreamweaverのデフォルトがUTF-8であった場合に起こる。

以上、覚え書き。

ブログランキング・にほんブログ村へ 人気ブログランキング

%d人のブロガーが「いいね」をつけました。