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 (2025/11/26 14:44時点 | Amazon調べ)

This website stores cookies on your computer. These cookies are used to provide a more personalized experience and to track your whereabouts around our website in compliance with the European General Data Protection Regulation. If you decide to to opt-out of any future tracking, a cookie will be setup in your browser to remember this choice for one year.

Accept or Deny