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であった場合に起こる。

以上、覚え書き。

SBクリエイティブ

¥666 （2024/04/16 17:15時点 | Amazon調べ）

ポチップ

著:谷拓樹

¥1,881 （2024/04/16 17:15時点 | Amazon調べ）

ポチップ

技術評論社

¥1,980 （2024/04/13 16:28時点 | Amazon調べ）

ポチップ

2009年5月11日

muneando

５丁目通信（仮称）