• ベストアンサー

CSSファイルのコメントが文字化けします

初心者的な質問ですみません。 CSSでサイトを制作しておりますが、時折、保存していたCSSファイルのコメント部分が文字化けをしています。 htmlの方への影響はまったくないのですが、開くたびにコメント部分を再入力している次第です。 関係があるかどうかわかりませんが、エンコードはutf-8です。 このような現象がなぜ起きてしまうのか、またどうすれば回避できるのかを教えていただきたいと思います。 よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • chikotto
  • ベストアンサー率46% (23/50)
回答No.1

utf-8で作成して、utf-8で保存していますか?

jelly0818
質問者

お礼

chikotto様 ご回答ありがとうございます。 utf-8で作成し、utf-8で保存をしています。

その他の回答 (6)

  • OKwebb
  • ベストアンサー率44% (92/208)
回答No.7

Dreamweaver ですか。 詳しくないですが、気になる情報があったのでご参考まで。 ・[修正時に CSS ファイルを開く] という環境設定を選択していなかった場合に、[CSS] パネルの CSS ルールを変更すると、CSS ファイルのエンコードが適切に処理されないという問題 http://www.adobe.com/support/documentation/jp/dreamweaver/cs3/Dreamweaver_CS3_Read_Me.pdf ・/* content="charset=UTF-8" */ をいれるといいらしい。 http://www.wdclip.com/resources/2009-02-03/54/

jelly0818
質問者

お礼

ご回答ありがとうございます。 参考にさせていただきます! いろいろとありがとうございました。

  • chikotto
  • ベストアンサー率46% (23/50)
回答No.6

Dreamweaverは私も使っていますがそんなことないです… コマンドキー+Jを押して、 指定のエンコーディングになっているでしょうか?

jelly0818
質問者

お礼

ご回答ありがとうございます。 コマンドキー+Jで確認しても、utf-8ときちんとでてくるんです^^; いろいろとアドバイスをいただきありがとうございました!

  • chikotto
  • ベストアンサー率46% (23/50)
回答No.5

回答番号:No.4はちょっとズレた回答をしてしまいましたすみません。 やはりエンコードをあっていると思っているけどあっていなかった…などが考えられます。 確かに影響はないですけど気持ち悪いですよね。 それはほんと、使っているエディタが原因なのかも。 ほかのエディタで試してみましたか?

jelly0818
質問者

お礼

ご返答ありがとうございます。 先程ご返答くださった方にもお伝えいたしましたが、 エディタというか、ソフトはドリームウィーバーを使っています。 そのソフトで記述をしていって、ローカルに保存し、 次にローカル上で作業をするときに開くと文字化けしているという具合です。 ソフトのバグなんですかね^^; 今度他のエディタで試してみます。 ありがとうございました。

  • chikotto
  • ベストアンサー率46% (23/50)
回答No.4

基本文字化けするのは、エンコードが違うせいです。 >この現象はローカル内でのことで、サーバーにアップロードする前に、作業をしているときに起きています。 ?? ってことは、「文字化けしている」という認識はどこでしていますか? ブラウザでCSS内を見たときでしょうか? それともCSSをダウンロードして開いたときでしょうか?

  • OKwebb
  • ベストアンサー率44% (92/208)
回答No.3

#2 です。 まとめると ・必ずUTF-8で開いてUTF-8で保存している。 ・時折文字化けする。(毎回ではない) ・サーバからのダウンロードで更新することはない。 ・他の方法もしくは他の人が開くことはない。 ・バッチ処理等で更新されることはない。 ってことでいいですよね。 あとは編集しているエディタのバグくらいしか思いつかないなぁ。 お役にたてずに申し訳ないです。 ちなみにOSとエディタは何か提示できますか?

jelly0818
質問者

お礼

ご返答ありがとうございます。 まとめていただいた内容でOKです。 OSはwinXP、エディタはドリームウィーバーを使っています。 (エディタと言うのかどうかわかりませんが・・・) ソフトのバグなのでしょうかね・・・^^; いろいろとありがとうございました。

  • OKwebb
  • ベストアンサー率44% (92/208)
回答No.2

#1さんの質問に加えて 開く時もutf-8になってますか? 以下質問は修正をPCで行っている場合、 サーバにアップロード又はダウンロードするのはFTPですか? FTPの場合バイナリモードですか?テキストモードですか? テキストの場合、サーバ側の文字コードは?

jelly0818
質問者

お礼

OKwebb様 ご回答ありがとうございます。 chikotto様からのご質問にお返ししましたが、 保存した時、開くときもutf-8になっています。 また、この現象はローカル内でのことで、サーバーにアップロードする前に、作業をしているときに起きています。

関連するQ&A

  • Mac IE5でのCSs文字化け

    お世話になっております。 制作環境はWindowsでエンコード「UTF-8」でHTMLを作っています。 CSSも添付しています。 通常はIE6とfirefox2.0で確認していて、全頁問題なく表示されます。 先日、そのサイトを「MacのIE5」で見る機会があり確認したところ、PHPで生成しているページが文字化けしていました。 トップページなど、システムを使っていないページはきちんと表示されています。 なぜでしょうか? どうしたら文字化けを避けられますか? あいまいな質問ですみませんがご存知の方、よろしくお願いします。

  • 文字化けしてしまう

    文字化けしてしまう。 FC2でHPを作っています。 <meta charset="UTF-8">のタグを入れると、文字化けしてしまいます。 インターネットエクスプローラーを使っても、Google Chromeを使っても文字化けします。 IEで右クリック→エンコードでUTF-8を選んでるのに、なぜ文字化けするのでしょうか? 添付画像の赤丸で囲っている部分は、「最終更新日」となってます。

    • ベストアンサー
    • HTML
  • html safariでの文字化け

    この度、素人なりに頑張って自分のHPを作りました。 ソフトはDreamweaverで、FTPで転送しています。 自分のPCはwindows7で、IExplorerからHPを見た時は、どこも問題なく、きれいに並んでいました。 しかし、スマホの、iphoneから自分のサイトをチェックしたら日本語部分が全部文字化けしてました。 あれ、?と思って、色々検索をかけて、素人の判断でDreamweaverの 修正、ページプロパティ、エンコード欄の変更(UTF-8から日本語JIS への変更)をしたら、今度はDW内でも完全文字化けになり、 F12を押してIEで見てみようとしたら勝手に保存、そして勝手にアップロードされてしまい、 DW内で文字化けしていたものは、IEで見てみても同じく文字化けしてました>_< あーと思って、ファイルのバックアップはないか、と探してみましたが無く、 とうとうファイル自体が破損してしまったようです>_< これはもうあきらめて また日本語部分は直接入力、修正していくしかないと思うのですが、 完全文字化けしたあと、やっぱりUTF-8で正しいんじゃないか?と思って 日本語JISからUTF-8に戻しました。(もう文字化けしたところは戻せませんでしたが…泣) 設定も全部見直しました。 文字エンコードは、UTF-8で統一できてるはずなのですが、 どうしてIEではキレイに反映されて、safariだと反映されないのでしょうか>_< headの後に、この記載もしております <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> エンコードもUTF-8で揃っております。 スマホでも見れるようにしたいのですが、 もし文字化けしないような手順がありましたら教えて頂けませんでしょうか>_< ほとんどのサイトはスマホで文字化けしないのに、 自分のサイトは文字化けする、というのは、何か設定手順が違うのですよね? 同じく、自分のサイトがサファリで文字化け、という方の質問投稿がありましたが、 そちらを見て、色々試しましたが解決に至りませんでした。 もし、何かアドバイスいただけますと、嬉しいです、よろしくお願い致します>_<

  • CSSファイル内の日本語(2バイトフォント)が、文字化けします

    Dreamweaver (mac版 CS3)で、cssを編集、保存し、一度閉じた後、ファイルを開くと、css内の日本語が文字化けしてしまいます。編集時は文字化けせずに、ちゃんと日本語で表示されているのですが、一度閉じてしまうと駄目です。 (特に、この文字化けしたcssファイルを外部cssとして使用し、htmlを表示させても、問題はありません。htmlや、ブラウザで表示される日本語が文字化けする事はないです。あくまでcssファイル内の日本語です。) たとえば、コメント内の日本語/* デモ */の『デモ』の部分や、 font-family:"MS P Gothic", "MS Pゴシック";などと指定すると、『MS Pゴシック』の部分が文字化けします。 @charsetを以下の四つで shift-JIS, euc-jp, iso-2022-jp, utf-8 保存してみましたが、どれも文字化けしてしまいます。 Dreamweaverの環境設定内の「フォント」も プロポーショナルフォント、等幅フォント、コードビュー、の三つとも Osakaまたは、Osaka等幅(日本語用フォント、windowsでいえば『MSゴシック』的なフォント)の指定になっています。 同じく環境設定内の「cssスタイルシート」内の、 「修正時にcssファイルを開く」にはチェックが入っています。 ただ、dreamweaverで文字化けされるcssファイルを、『テキストエディット』(windowsでいう『メモ帳』)で開いてみると、文字化けされずに表示されますので、Dreamweaverで開く時のみの問題と考えています。 css文書内を全部アルファベットのみで書けばいいじゃんといえば、それまでなのですが、コメント内に日本語を表示できないと、ざっと見た時にわかりにくいので、解決法をお分かりの方がいらしたら、お願いいたします。 以前会社でwindows版、dreamweaver MX2004(だったかな?)を使用していた時は、このような症状がでた覚えがないのですが、cs3が原因なのか、mac版なのが問題なのか、はたまた私が何か大切な事を忘れているのか、知らないのか…?ともあれ、よろしくお願いいたします。

  • CS6(win)でCSSが文字ばけ

    DreamweaverCS6(win)でCSSが文字化け CSSを編集していたところsafariでcssが効かない事で @charset "utf-8"; を @charset "Shift_JIS"; に変えてみたのです。 無事、safariでcssが効いて、作業が終わりました しかし、気がついたらCSS中のコメントアウトした文字が文字化けしている あわてて調べたところ文字化けが発生する条件として [ 環境設定 ] – [ CSS スタイルシート ] – [ 修正時に CSS ファイルを開く ] のチェックを外している。 @charset で [ UTF-8 ] 以外の文字コードを指定している。 外部 CSS ファイルを使っている。 と書いてあるので、 外部 CSS ファイルを使っています。 [ 修正時に CSS ファイルを開く ] のチェックがあるのを確認(最初からチェック済みです) @charset で [ UTF-8 ] 以外の文字コードを指定しているので@charset "utf-8";に戻し保存 Dreamweaverを一旦終了、再立ち上げで確認しましたが、文字化けが戻りません。 どうすれば、文字化けが直るのでしょうか? よろしくお願い致します。 補足 修正/ページプロパティー/エンコーディングで"Shift_JIS";になっていましたので Unicode(UTF-8) と致しました。 しかし、やはり文字コードは化けたままです。(再起動でも同じでした)

    • ベストアンサー
    • HTML
  • 一時的な文字化けについて

    サイトのリニューアルを行いました。 ・旧サイト → sjis (静的なhtml) ・新サイト → utf-8 (WordPress) 新サイトのmetaでutf-8を指定しファイルもutf-8で保存しているのですが、リニューアル後の最初のアクセス時に文字化けする場合があります。 サーバーのdefault_charsetもutf-8です。 ブラウザ上で右クリックしてエンコードからutf-8を選択するとそれ以降は全く文字化けしないのですが、これは旧サイトのキャッシュの問題なのでしょうか? 今回のリニューアルに限らず、いろんなサイトを見ているとたまに文字化けしているサイトがあり、エンコードから指定すると正しく表示される場合もいくつかあります。 修正する方法を知っている人であればいいのですが、知らない人がサイトに訪れた場合、ただの文字化けしているサイトです。 エンコードから正しい文字コードを指定すればそれ以降は文字化けしないので、キャッシュなのかブラウザの問題なのか明確な答えはわからないのですが、確実に正しいエンコードで表示させることってできるのでしょうか? 可能であれば方法を教えてください。

    • ベストアンサー
    • PHP
  • HP制作にて文字化けします。

    javaやプログラミングともに初心者(今まで独学でhtmlやcssを使っていました。むしろこちらのjavaなどは全くやったことがありません)です。 よろしくお願いします。 いろんなサイトや質問、本などを参考にしたのですがどうしても解決しなかったためこちらに書き込ませていただきました。 HPの方に写真のギャラリーを制作するためにjavaを利用しました。 と、言っても初心者なのでjavaのテンプレートのフリー素材を丸々ダウンロードしてコメントと写真の部分だけを変更し、使うことにしました。 ファイルはhtmlとxmlとjsの3種類であとは画像フォルダだけです。 初めサーバーに上げるとhtmlとxml共に日本語の部分だけ文字化けを起こしていたのでhtmlの方はヘッダの<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />を<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />に書き直したらHPのタイトル部分は直ったのですが肝心の中身であるxmlの方は<?xml version="1.0" encoding="UTF-8N"?>となってる部分を<?xml version="1.0" encoding="Shift_JIS"?>と書き直してもxmlの中に書いてあるコメントやタイトルは文字化けのままでした。 この場合はjsファイルの方にも何か文字コード設定などがあるのでしょうか?それでもxmlファイルの方にまだ他の文字コードを設定しなくてはならないのでしょうか?jsファイルの方はよくわからないので手を全くつけていません。 特にソフトも使っていなくメモ帳にて制作しています。 初心者のため特に手を加えることもなくこのまま使いたいのですが(javaが反映されなくなっても困るので)文字化けだけはコメントが読めないので困ります。 ちなみに『UTF-8N』『Shift_JIS』ともに文字化けは日本語のみなっていて英文字では特に問題がありませんでした。 切実に困っています。 よろしければアドバイスや解答などよろしくお願いします。

  • 突然文字化けしました(泣)

    ホームページを初めて作成している初心者です。 一通り作業を終え、アップできました。 が、その後修正作業や更新を続けていく中で、突然文字化けしました。 解決の糸口をご教授いただけると助かります。 ...途方に暮れています。 考えられる原因として... ◆POST MAIL使用にあたり、途中からUTF_8からShift_JISに書き換えした ことが考えられますが、書き換え後に何度か確認したり更新したりしていく中で文字化けの発生はありませんでした。 が、なぜか突然文字化けしました。 文字化けしたページを、ブラウザのテキストエンコーディング表示をUTF_8で見ると、表示されます。 ただ、HTMLをUTF_8に変えてもDreamweaver上ではエラーとなり保存ができないですし、 コードビュー画面は文字化けしています。 希望としてはPOSTMAILを使用したいので、Shift_JISにまとめたいです。 なぜ始めにUTF_8で作ったかというと、参考にしたCSSのテンプレートがそうだったからです... 宜しくお願いします。

    • ベストアンサー
    • HTML
  • 文字化けしていたHTMLファイル

    Windows 8.1 秀丸 8.34 HTML 4.01のコードです。 ある日秀丸でHTMLファイルを開いてみたら、日本語の部分が文字化けしてしまっていました。 どの文字タイプを指定しても解消しません。 今思えば、以前ファイルを保存する時に変な保存の仕方をしたかもしれません。 (もしかしたら文字化けさせたまま保存させてしまったかも) HTMLファイルの時点で文字化けしているファイルを元に戻す方法は有りませんか? どのブラウザのエンコードも全く意味ないです。 いくつかのエディタでも駄目でした。 文字タイプに影響していそうなHTMLコードを引用しておきます。 ---------------------------------------------------------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/Transitional.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" Content="text/html;charset=Shift_JIS"> css側 charset "Shift_Jis"; -----------------------------------------------------------------------------------

  • 日本語部分のみ文字化けしています。

    ヤフーの受信メールが文字化けして読めません。 化け方は☆、難しい漢字、、@、・、√等です。 英文の部分は文字化けしていないのですが、日本語で書いたと思われるブ部分のみ文字化けしています。 詳細ヘッダのContent-Typeはtext/plain;charset="UTF-8"となっているのでエンコードをUTF-8にして表示させようとするのですが画面が真っ白になってしまいます。他のエンコードで試しても文字化けしたままです。 ド素人ですので分かりやすく教えて頂けると嬉しいです。 よろしくお願いします。