5丁目通信(仮称)

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

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


久しぶりに青山オフィスに出社したら、デザイナーからヘルプ。制作しているページでCSSが効かないとのことです。FirefoxやSafariだと正常だけど、IEだけが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であった場合に起こる。

以上、覚え書き。

技術評論社
¥1,980 (2024/11/20 15:28時点 | Amazon調べ)