<< postfix で、ドットユーザやlongnameuser メールアドレスを使う方法 | main | サイトをブログ風にするとき rss や 送信Ping を、実装する方法 >>

スポンサーサイト

  • 2011.08.10 Wednesday
  • -
  • -
  • -
  • by スポンサードリンク
この広告は60日以上更新がないブログに表示されております。
新しい記事を書くことで広告を消すことができます。

ie で utf-8 を使うと css を読んでくれない。

もともと、Shift_JIS で、html や css を書いていて。

Google maps api を使う目的のために、そのページを、utf-8 に変える。
もちろん、meta なども書き直して firefox などで確認すると スタイルシート読んでくれてうまく表示できるに。

ie だと、めちゃくちゃ。読むところと読まないところが混在。

ま、なんで FreeBSD ユーザが Shift_JIS だ。という突っ込みはなしにして。
( サイトを作ったり、編集したりするは、ぼくだけとは限らない。いや、きっと誰かが手伝ってくれるはずだ。。。という思いの元、他の人でも使いやすい Shift_JIS。)

結局解決策は
hogehoge.css の方が Shift_JIS であることが問題。

% kcc -c hogehoge.css
hogehoge.css: shift-JIS

% nkf -w8 hogehoge.css > hogehoge_utf8.css

で、hogehoge_utf8.css を読むようにすればいい。

ここから先は、蛇足というか愚痴?
Shift_JIS がらみでまた起こった。
5c 7c 問題(文字化け)
今度は「竹」だよ。竹なんて、はたからみて簡単な文字。周りの素人にどう説明すればいいの。
もちろん、Shift_JIS を介さない方法で、解決はしたのだけど。。
Shift_JIS どうにかしてという感じ。

そもそも、日本語のキャラセット種類がありすぎ。
サーバなどでは、os や mail, samba, sql, web, webmail などのアプリ program, script などなど間で、これらのキャラセットをエンコードかけまくり。。。。

これじゃ日本は、1バイトですべてを表現できてしまう国に対して不利だよな。

そろそろ、国か国際法かで制限をかけてくれないかな。

「キャラセット統一運動」だれか起こして。

コメント
CSSファイルの先頭に@charsetルールを付けていましたか?
例:
@charset "Shift_JIS";

普通にただ変換するくらいだからきっと明示していなかったとは思いますが。
  • Ren
  • 2007/09/26 5:06 PM
あるいは、link要素にcharset属性を明示してもいいでしょう。

<link rel="stylesheet" href="hogehoge.css" type="text/css" charset="Shift_JIS" />

Safariのとある不具合(@charsetルールに関わらずマルチバイト文字列の処理に問題が起きる場合がある)に対処する場合には@charsetルールに加えてこれを使います。
  • Ren
  • 2007/09/26 5:16 PM
Ren さん。
コメントおよびアドバイスありがとうございます。

このときは、おっしゃるお通り、ファイル自体を変換して、不具合が解消しましたので、そのままにしています。

教えてくださった方法

css で、@charset "Shift_JIS";



html で、
<link rel="stylesheet" href="hogehoge.css" type="text/css" charset="Shift_JIS" />
明示。

ともに、今度試してみます。

ありがとうございます。
  • heipooh
  • 2007/09/26 8:48 PM
記事のおかげで、数時間の格闘がようやくおわりました。
ありがとうございます
  • りり
  • 2010/06/02 7:32 PM
>りりさん

お役に立てたようで、何よりです。
お気持ちよくわかります。お疲れ様でした。
  • heipooh
  • 2010/06/03 12:20 AM
コメントする









この記事のトラックバックURL
トラックバック
    
links
profile
selected entries
categories
archives
recent comment
recent trackback
search this site.
Amazon.co.jp
others
mobile
qrcode
sponsored links
powered
無料ブログ作成サービス JUGEM