Dream Weaver CS3はユニコードがお好き
2014/11/12
1年以上前の記事です。内容が古い可能性があります。
Dream Weaver（ドリームウィーバー）CS3を導入後、ホームページを作っていて問題が発生した。
FireFox3を導入したために最も使われている、IE（Internet Explorer）での動作確認を怠ったことも原因の一つだが、FireFox3では全く問題なく表示されているのに、IEでCSSが反映されないというトラブルが起きたのだ。
そこでいろいろ調べてみると、CSS（カスケードスタイルシート）がユニコードになっていることがわかった。
以前Internet Explorer 6のときに、ユニコードで作ったデータが白紙になってしまうという問題が起き、それいらい毛嫌いしていたユニコードで今回また、問題がおきたというわけだ。
ただ、今後はユニコードが一般化していくと思われるのでこれからは毛嫌いせずにしっかり勉強していかないといけない。
それはさておき目先の「Dream Weaver CS3」
一度、秀丸あたりで、ユニコードにされてしまったCSSをシフトJISに戻すも、Dream Weaver CS3で編集すると再びユニコードに戻り、IEで表示されなくなるの繰り返しなのだ。
そこでまずは「編集」→「環境設定」→「新規ドキュメント」→「エンコーディング初期設定」を「日本語（シフトJIS）」に変えた。
初期設定ではここが「Unicode（UTF-8）」になっていたたためにCSSを編集した際に文字コードがユニコードになってしまったのだろう。
ところがそれでも解決しない。
秀丸でシフトJISにして保存しても。編集するたびにユニコードに変わっている。
そこで、今度はCSSをDream Weaver CS3自身で開いてみる。
以前のトラブルのときにHTMLで文字コードを修正したように「修正」→「ページプロパティ」を見てみるとあった。
こいつを「Unicode（UTF-8）」から「日本語（シフトJIS）」に変えて解決。
今回のトラブルのポイントはCS3からCSSに文字コード指定が加わったということ、
そして、文字コード指定のないCSSに対しては初期設定の文字コードを適応させていたこと、
さらに、文字コード指定されたCSSファイルは先頭に「@charset “utf-8”;」といった文字コード宣言が書き込まれるのだがこれを見落とし、ファイル自身の文字コードのみ秀丸を使って修正していたこと、
以上が加わって起こっていたということになる。
結論
Dream Weaver（ドリームウィーバー）CS3でCSSを編集する場合はCSSの文字コードに注意しましょう。
アドセンス広告メイン
関連記事
-
-
給与未払い問題。「労基（労働基準監督署）」でだめなら次は「法テラス」へGO!!
1年以上前の記事です。内容が古い可能性があります。さて、労基さんが匙を投げた給与 …
-
-
livedoorプロフィールの拍手機能をつけてみた
1年以上前の記事です。内容が古い可能性があります。livedoor プロフィール …
-
-
貴方のWebデザイナー適性度をオンラインで確認してみよう
1年以上前の記事です。内容が古い可能性があります。日々、パソコンの画面とにらめっ …
-
-
ブログに「つぶくま」バナーを入れる方法（各ブログフリーエリアの編集方法）
1年以上前の記事です。内容が古い可能性があります。ある方から、チラシだけじゃなく …
-
-
さくらでEC-CUBEバグ取りメモ
1年以上前の記事です。内容が古い可能性があります。前回、商品検索のバグを取った後 …
-
-
「tsudaる」って言葉知ってる？
1年以上前の記事です。内容が古い可能性があります。ツイッターをやっていると「ts …
-
-
佐々木岳久展「実存－内奥に谺する歪み」in宇都宮
1年以上前の記事です。内容が古い可能性があります。当ブログで何度か紹介させていた …
-
-
ステマ（ステルスマーケティング）とは何のこと？
1年以上前の記事です。内容が古い可能性があります。久しぶりに「何のこと？」シリー …
-
-
ワードプレス（WordPress）でコンテンツをデザインする方法 #wp
1年以上前の記事です。内容が古い可能性があります。トップページができたら引き続き …
-
-
「Ctrl＋S」は「Save」、「Ctrl＋C」は「Copy」、では「Ctrl＋X」は何の略？
1年以上前の記事です。内容が古い可能性があります。またまた、パソコン教室の生徒さ …
Comment
苦労されたんですね＾＾；