- ベストアンサー
フレームの表示結果が黒くなってしまう?
- プライベートでホームページを運営しています。昨日閲覧者の方から、フレームを使ったあるページについて、「真っ黒になってしまって見られない」と言われました。
- ページをまずフレームで上下に分け、上部aにコンテンツのリンクを並べ、下部bを表示場所としています。更に下部bを左右b-1とb-2に分けて、b-1にリンクを並べ、b-2に表示させているのですが、このb-2に表示されている1ページが真っ黒になってしまうそうです。
- ページの内容はテキストです。head内にCSSを使い、フォントや文字サイズ、背景画像等の指定をしています。見え方としては、白背景に黒文字、左寄せの画像が背景に入るものを作りました。使用環境はMacOSXですが、Safari、IE5.0、Netscape 7.1でも確認し、問題なく見えています。以前作ったページをフォーマットに使い回しており、Win環境の友人にページを確認してもらったこともありますが、これまで同様の問題を指摘されたことはありません。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
> そのまま引用してしまったのですが、これによって文字コードも指定されてしまうのでしょうか? う~ん、私にはよく分からないので、詳しい方が説明してくれるとよいのですが(汗 ここに書き込まれたものがUTF-8で表示されているだけで、実際のページではSHIFT_JISで書かれているのかもしれませんし。 ただ言えるのは、引用で文字コードが指定されるのではなく、保存したときの文字コードが何かということが重要であるということ。 私が知っているのは、例えばEUC-jpで作成されたものを、SHIFT_JISなど別の文字コードで表示させれば、文字化けしたり真っ白になったりするということだけなので。 まあ、だめもとで試されては、と。 あやふやな回答しかできなくてすみません。
その他の回答 (2)
- goldfox
- ベストアンサー率49% (123/249)
間違っていたら申し訳ない。 気になった点は、最初の文書型宣言部分がなぜかSHIFT_JISではないこと。 もし「真っ黒になる」と言っていた人が、ブラウザのエンコードで「UTF-8」を選んで正常表示になれば、エンコードの違いが原因ということになるかと。 問題のページのソースをメモ帳などで保存しなおして(SHIFT_JISで作成しなおす)、再アップロードすれば解決するかもしれません。 あと、 a:text="#000033" これヘンですね。 link、visitedなどそれぞれで色指定されているので必要ないかと。
お礼
回答ありがとうございます。 >a:text="#000033" >これヘンですね。 …あ、そうですね…ご指摘頂くまで気付きませんでした;; ありがとうございます。 >気になった点は、最初の文書型宣言部分がなぜかSHIFT_JISではないこと。 参考にしていた文章に「文書型宣言はそのまま記述する」とあったので、 そのまま引用してしまったのですが、これによって文字コードも指定されてしまうのでしょうか? お手数をおかけしますが、よろしければ詳細を教えて頂けると幸いです。
- goldfox
- ベストアンサー率49% (123/249)
ご自分でその現象が見られないと難しいですよね。 ・問題のページのソースを丸ごと。 ・真っ黒になるという人の環境。(os、使用ブラウザなど) この二つがないと検証ができません。 あと、文法チェックはされていますか? http://openlab.ring.gr.jp/k16/htmllint/htmllintl.html
補足
回答ありがとうございます。 文法チェック、こういう便利なものもあるんですね! (先程問題のページをチェックしてみたところ、91点でした) 問題のソースは下記の通りです。 (間違いとか色々お恥ずかしいのですが…) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <META NAME="ROBOTS" CONTENT="NOARCHIVE,NOINDEX,NOFOLLOW"> <meta name="robots" content="noarchive,noindex,nofollow"> <meta http-equiv="Content-Type" content="text/html;charset=SHIFT_JIS"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>タイトル</title> <!--2007.02.更新--> <style type="text/css"> <!-- body {background-image : url("/p/bg.gif"); background-attachment: fixed; background-position: top left; background-repeat: repeat-y;} p{font-size:small; font-family:"Times Regular",serif;} div {font-size: small;} td {font-size: 90%;} --> </style> <style type="text/css"> <!-- body a {text-decoration: none } a:text="#000033" a:link {color:rgb(220,220,220)} a:visited {color:rgb(192,192,192)} a:hover {color:rgb(138,43,226)} a:active {color:rgb(139,0,139)} --> </style> <style type="text/css"> <!-- body {margin-top:50px; margin-bottom:50px; margin-left:100px; margin-right:50px;} --> </style> <style type="text/css"> <!-- body p.title{ font-color:#999999; font-size:medium; } p.ps{ font-color:#999999; font-size:xx-small; } p.close{ font-size:x-small; } --> </style> </head> <body> <p class="title"> タイトル</p> <p> <BR> <BR> <BR> <BR> <BR> 本文<BR> </p> <p> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> </p> <p class="ps"> 追伸 <BR> <BR> <BR> <BR> <BR></p> <center> <p class="close"> ブラウザバックでお戻り下さい</p></center> <P><BR><BR> <BR><BR><BR> <BR><BR><BR><BR></p> </body> </html> なお、エラーが出た閲覧者の方と思われる環境は、アクセス履歴から考えるとおそらく HTTP_USER_AGENT: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.0.3705) もしくは Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1) のどちらかのようです。
お礼
お礼が遅くなってしまい申し訳ありません。 なるほど、ファイルの保存の文字コードですね。確かに気にしていませんでした… Macのテキストエディットは使い方がまだよく分かっていない部分もあるのですが; 保存方式等も注意してみたいと思います。 度々ご回答頂き、ありがとうございました。
補足
改めまして、この度はお答え頂きありがとうございました。 何分自分のPCでは問題点も修正されたかも確認することが出来ないため、 まだ少し不安ではあるのですが… しばらく様子を見ていたものの、あれ以来、特に同様の指摘も頂かないため、 細かい修正をしているうちに問題も解決されたのかな?と見なして、 一応締め切らせて頂きます。 教えて頂いたタグチェッカーはとても役立ちそうなので、今後も利用させて頂きますね。 本当にありがとうございました。