• ベストアンサー

パソコン上でデザインが確認できません。

メモ帳で作ったホームページをいつもはIEで開いて、デザインを確認するんですが、突然画面にソースが表示されるようになってしまいました。 いろいろ試行錯誤して、開くプログラムをIEに再度指定してみたりしたんですが効果はなく、挙句の果てに、ソースを開いて、何も変更せず上書きして最新の情報に更新したら、きちんとデザインが反映される変わりに、ファイル名が文字化け、タブを閉じて新しく開き直すと結局ソースが画面に出ます。 これはどうやったら解決できますか？ どなたか、よろしくお願いします。

  • CSS
  • 回答数7
  • ありがとう数3

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

  • ベストアンサー
  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.6

NO.5 です。（補足拝見済み） 再インストールは？ あとは、ブラウザの問題って事で、いや、regedit.exeの問題かも？ ウチの環境は、 .htmlが規定で、FirefoxHTMLで、Content Typeがtext/html この程度の知識しかありませんから・・・ ここは「Webデザイン・CSS」の項なので、 ここよりも「ブラウザ」か「各Win」の質問コーナーの方がその手の有識者が多いでしょう。

hainaina
質問者

お礼

レジストリをいじってはなかったのですが、レジストリ修復ソフトでクリーンをかけてみたら、正常に動作するようになりました。 ご意見、ありがとうございました！

hainaina
質問者

補足

再インストールしてみましたが、ダメでした。 項を改めての質問も検討してみたいと思います。

その他の回答 (6)

  • q0190dg
  • ベストアンサー率50% (4/8)
回答No.7

ヘッダー、文字コードともに問題なさそうです。 以下のようなソースではどうなりますか。 <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-style-type" content="text/css"> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <p>テストです。</p> </body> </html> ・ドキュメントタイプを取ってみた。 ・余計な文字コードが入らないようにbody内を簡素にしてみた。 もしかするとbody内にHTMLとして認識できない文字コードなどが含まれているのかもしれない、と思った。あるいはドキュメント宣言がうまく合っていないかどうか。 すべて憶測です。 最初は改行コードも疑いました。文字化けの原因としては文字コードの次に疑うべきところです。 でもメモ帳だっていうので特に改行コードは変化しないだろうから、そうではないのだと思う。 もし上のソースでも「ソースが表示」されてしまったり「文字化け」をするならば、ローカルの設定が問題になると思う。 今度は ・IEのバージョン ・WindowsOSのバージョン ・セキュリティソフトの有無、その種類、そして設定 ・レジストリや設定をいじっているかどうか、いじった場合それはどこか ・インターネットオプションのセキュリティをいじっているかどうか ・サーバーにそのファイルをアップすると表示できるかどうか（出来る場合はローカルの問題と限定できる） ・拡張子がhtmlならばIEのアイコンになっているかどうか。（症状がtxtをIEで表示したときに似ているのでファイルの状態を知りたい） ・拡張子をhtmlではなくhtmにしてみる（これで表示されれば拡張子htmlに何かしらの制限がローカルでかかっている） ・他のパソコンだとどうなるか（もしこれで差異が出ればローカルの問題で、差異がなければファイルの問題で、ソースの問題ではない） ・もしローカルの問題ならば、デザインを表示できなくなった前後に何かが絶対に変わっているはず。アップデートか、アプリケーションのインストールか、あるいはシステムエラーか。問題がありそうならば「システムの復元」で問題がなかったころまで戻ってみる。システムに関わるので自己責任で。 ・自己責任でIEtesterを入れてブラウズしてみる。 http://www.my-debugbar.com/wiki/IETester/HomePage などを試した情報が欲しいです。

hainaina
質問者

お礼

解決しました。 長文の回答を含め、ご尽力ありがとうございました！

hainaina
質問者

補足

上記のソースでやってみても、画面にソースが出てきてしまいます。 動作環境は（答えられる範囲で申し訳ありません） IE8 Vista セキュリティはノートン レジストリやインターネットオプションのセキュリティは未変更 サーバーへのアップは可能です。 拡張子も全てIEのアイコンです。 IE9では正常に反映されてました。 以上が自分で確認出来ている事項です。

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.5

他のファイルもそうですか？　例えばこのページを保存して表示するとどうなるのか？　他のブラウザではどうなのか？　原因の追及を削除法で限定する。 ソースに初歩的ミスは無いのか？ http://openlab.ring.gr.jp/k16/htmllint/htmllint.html ボンバーマンが悪さしているケースもあるよ。 ---------------------- HTML,CSSの基本を覚えたらメモ帳は卒業。（メモ帳＋UTFの組合せは相性悪い） 他のテキストエディタを導入して、 １、ソースを全文コピペ ２、別名で保存（半角英数）

hainaina
質問者

お礼

無事、解決しました。 二度に渡る回答、ありがとうございました！

hainaina
質問者

補足

他のファイルを開いてみても、初めにソースが表示されてしまいます。 メモ帳からTeraPadに変えて再度試しましたが、上記の症状は改善されません。 また、このファイルは1年以上支障なく見れていたもので、とりわけソースを書き換えたわけでもないので、ソースミスも今のところ見当たりません。 文字化けのほうは再起動してみたら、なぜか化けなくなりました。 ブラウザの方ですが、Firefoxでは正しく動いていたので、IEでのみ不具合が生じます。 以上、検討のほどよろしくお願いします。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.4

＞文字コードも全ページにUTF-8で指定していて、外部で読み込んでいるCSSにもその定義を記載しているので大丈夫だと思うんですが……。 　だとしたら、No.3さんの言われるように、metaタグのコードを確認。また、そのmetaタグ以前に日本語がないかとか・・

hainaina
質問者

補足

コードも間違いがなく、日本語もないです。 引き続き検討よろしくお願いします。

  • aoumiushi
  • ベストアンサー率45% (234/512)
回答No.3

metaタグ内のcontentに誤りはありませんか？ 日本語なら大体いずれかになります。 <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-type" content="text/html; charset=EUC-JP"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">

参考URL：
http://ash.jp/code/code.htm
hainaina
質問者

補足

<meta http-equiv="content-type" content="text/html; charset=UTF-8"> と入力ミスもなく記載してあります。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

お馬鹿な、というかおせっかいなWindowsにはまっちゃいましたね。 フォルダーオプションの「表示メニュー」で「登録されている拡張子は表示しない」のチェックを外してください。 　たとえばHTMLを書いていて、保存すると勝手に.txtというファイル名がついても確認できませんから、開けばソースがメモ帳で開かれたり、ブラウザからもソースが表示される。 　文字コードもどこかで変わったのかも　 【それよりも】 　HTMLはデザインを決めるものではありません。とっても重要です。H1でマークアップすると大きなサイズの太字で表示されるのは、それがあくまで第一レベルの見出しだから、「ブラウザが自身で持っているスタイルシートでそのように見せているだけです。」 　HTMLは、Hyper Text Markup Languageの略で、他のデータにリンクできる(Hyper)なマークアップ言語という言葉が示しているように、「見出し」「段落」「引用」「目次」というその文書を構成している要素に分解してマークアップするためのもので、デザインは一切関係ありません。!!! 14.1 スタイルシートの概説 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )

hainaina
質問者

補足

確認してみましたが、チェックは外れていました。 文字コードも全ページにUTF-8で指定していて、外部で読み込んでいるCSSにもその定義を記載しているので大丈夫だと思うんですが……。 概説も含めて勉強になりましたが、以前解消されません。 引き続きお願いします。

  • q0190dg
  • ベストアンサー率50% (4/8)
回答No.1

ヘッダーのソースとファイルの文字コード、ファイルの拡張子を挙げてください。 ※もしこれらの意味がわからない場合は質問を低次元に変更してソースを全文挙げ、再度投稿しなおすといいと思います。

hainaina
質問者

補足

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-style-type" content="text/css"> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> 以下略 文字コードは全てUTF-8です。 拡張子は.htmlにしています。 検討よろしくお願いします。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. CSS

関連するQ&A

  • gooのblogでデザインテンプレートが反映されないんです。

    gooのblogを利用してますが、デザインテンプレートを変更したにもかかわらず、 それが反映出来ないのです。 具体的には、「桜」のテンプレを使用しており、 そこから他のデザインに変更しても反映されず、 桜のテンプレの「デザイン化け」のようにしか表示出来ません。 試しに他のPCで見てみると、そっちではフツーに「変更されたデザイン」で表示されてます。 これは自分のPC、またはIEの設定がおかしいのでしょうか？ どこをどうすれば正しく表示出来るのでしょうか？

  • ホームページの編集

    ホームページ用にメモ帳でタグを打ち込んでファイルに保存しているのですが、IE6の時に作ったのでIE８にすると編集できません。画面→ソース→メモ帳の編集画面（タグ）と開いているのですが・・・。 一応ジオシティーズにも入れているのですが、別のデザインを保存するのとかに使いたいのです。どのようにすればIE８にしても、メモ帳画面で編集・保存ができるのでしょうか？

  • ソースの上書きができません。

    ソースの上書きができません。 ソースをメモ帳で開いて上書きしたところ反映されず、開いたソースのファイル名にも［1］や［2］とランダムについていたりします（同じ名前のファイルは存在していないんですが）。 原因は一体なんでしょうか？ 御存じの方、よろしくお願いします。

  • 筆まめ　デザインの保存

    筆まめ宛名面のデザインの保存についてです。 年賀状用デザインとして作成したデータを保存した後、また新しい別用途のデザインを作成したいのですが、住所録を差し込むと自動的に前回分（年賀状用）が反映されてしまいます。 また新規から作成すると前回分のデータが上書きされてしまい消えてしまいました。住所録ごとのデザインのデータを複数作ることはできないのでしょうか？ ver.30を使用しています。 ※OKWAVEより補足：「ソースネクスト株式会社の製品・サービス」についての質問です。

  • I.E.8のタブのついて

    I.E.8を使い始めました。 画面を開くと、「タブ」が増えないで 新しい画面で開きます。 試行錯誤していますが、「タブ」がつきません。 設定方法がありましたら、教えて下さい。 ＰＣ環境 VISTA U. SP-1 ちなみに、Firefoxはタブで増えていきます。

  • IEから表示→ソースでメモ帳が出ますが,ＭＩＦＥＳ は?

    IEから表示→ソースを選択すると メモ帳が立ち上がりますが メモ帳の変わりにMifesを立ち上げることできませんか ＭＩＦＥＳはインストール済みです ＷｉｎｄｏｗＸＰ、ＩＥはバージョン6です

  • CSSのブラウザでの確認について

    　DreamweaverのCS5.5でｈｔｍｌ、ｃｓｓを編集し、Firefoxで確認しているのですが、画面上、firebugで確認するとｈｔｍｌは編集したものを反映してくれますが、cssに関しては編集したものを反映することなく編集する前の、古いものしか反映してくれません。IE、クロームでは最新のものを反映してくれるのでおそらく原因はfirefoxにあると思うのですが。原因の分かる方がいれば回答をお願いします。バージョンは firefox:3.6.28 firebug:1.7.3です。

    • ベストアンサー
    • CSS
  • ソースについて

    皆さん　こんにちは。 ソースについて教えていただきたいのですが、 ホームページやブログのソースを見た時に文字化けしている場合があるのですが、これは何故なのでしょうか？ また、この文字化けを直してみる事は可能なのでしょうか？ 使用しているブラウザはＩＥ６で 右クリック　→　ソースの表示 表示タブ　→　ソース どちらで見ても同じように文字化けしています。 宜しくお願いします。

  • ファイルへタグを打ち込む事によるホームページの編集と、ブラウザの関係について

    ホームページ用にメモ帳でタグを打ち込んでファイルに保存しているのですが、IE6の時に作ったのでFirefoxにすると編集できません。画面→ソース→メモ帳の編集画面（タグ）と開いているのですが・・・。 現在ブラウザはFirefoxとIE8を入れていて、以前IE８入れた時も編集方法が分からずここで質問し、解決したのですが、今回Firefoxを入れてみて再び同じ壁に当たりました。 一応ジオシティーズにも入れているのですが、別のデザインを保存するのとかに使いたいのです。どのようにすればIE８、そしてFirefoxにしても、メモ帳画面で編集・保存ができるのでしょうか？

  • Crescent Eve 上書き保存ができない

    大変困っていおります。サーバーをレンタルしてメモ帳でHTMLを作成→Crescent Eveで上書き保存をクリックすると「書き込みモードで開けません」とメッセージが出て上書き保存できません！！ネットでも調べるのですが理由が分からず質問に至りました。 3日間ほど試行錯誤しておりますが解決できず困り果てています！ どなたか詳しい方、どうかどうかどうかどうかご教授お願いたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する