背景色が違って表示される現象について

[新着] Webテンプレートを仮オープンしました

0   名前： 粒 ： 2007/01/08（月） 21:16  ID:RQetz4wv
初めまして。こちらのサイト様は自サイト作りをする上でよく利用させて頂いております。
サイト作りに関しては完全なる初心者です。もし板違いでしたら申し訳ございません。
過去ログを調べた結果、私の質問と似たようなものを見つけ早速試してみたのですが、
どうもうまくいかなかったため、新規質問させて頂きました。

私はMacOSX(10.3.9)のIE5.2で普段サイト作成をしております。
表示の違いを見る為に時々FirefoxとSafariも使用してます。
主にジオシティーズのファイルマネージャを利用してます。
現在、私のサイトの背景色は統一して｢白｣で作成しているのですが、
Windowsで見るとなぜか全て背景色が｢黄色｣になっているのです。
私のMacだときちんと白く表示されてます。IEでもFirefoxでもSafariでも同様です。
携帯でも確認しましたが、同じく白く表示されておりました。

私の家にはMacしかないため、この現象は漫画喫茶にて確認しました。
Windowsを使ってらっしゃる方からも同様の指摘を受けた次第です。

過去ログでは｢タグの打ち間違いなどが原因ではないか｣とあったので、全てタグも確認したのですが、
きちんと｢#ffffff｣で作成してました。
一部ソースのコピーです。→<body bgcolor="#ffffff " text="#000000">
部分的に大文字で作ってあったりしたので(#FFFFFF)全て小文字で統一したり、
頭の｢#｣がないものもあったので全てに入れたり…
色々してみたのですが、何の変化もありませんでした。今は原因が分からず途方に暮れています。。
何より修正後すぐに確認できる環境が近くにないため、(自分のPCだと普通に見えているので…)
どうすれば良いのか分かりません…。

何が原因なのでしょうか？もし分かる方がいらっしゃったらお教え下さい。
自分のサイトのURLを載せようと思いましたが、同じくWindowsユーザーの方から
｢ソースが文字化けしている｣との指摘があり、載せてもあまり意味がなさそうなので載せないでいます。
(これもまた自分のPCだと文字化けしていないのですが…)
これを解決するにあたり必要なタグ部分も分からないので、
この部分のタグ情報が必要という事がありましたらお教え下さい。

以上、長くなってしまいましたが宜しくお願い致します。
1   名前： K+S ： 2007/01/08（月） 21:16  ID:nROqylMa
ソースを表示したときに「ソースが文字化け」するのは表示させた側の問題です。
適切な符号化方式を選択してやれば文字化けせずに表示されるはずです。

ということで、当該URIを提示いただければ具体的な回答ができるかもしれません。
2   名前： 粒 ： 2007/01/08（月） 21:16  ［URL］  ID:Rl.EgC3e
K+S様、返答ありがとうございます。
ソースの文字化けに関してはそういう仕組みになっているとは知りませんでした。
ということは、文字化けせずにきちんと表示される事もあるという解釈で宜しいでしょうか。

自サイトURLを記載させて頂きました。
宜しくお願い致します。
3   名前： うひょ ： 2007/01/08（月） 21:16  ［URL］  ID:SM5jk8nN
#ffffffの後に半角スペースがありますがそれを消してみたらどうでしょう？
4   名前： 牛若 ： 2007/01/08（月） 21:16  ID:qSoRFxPr
まずHTMLがメチャクチャであることが最大の原因。
DTDもきちんとした方がいい。CSSを使う以上構造と修飾をきちんと分ける。
その上で、
文字化けは、charsetのEUC-JPをShift_JISに変えることで解消できるかも知れない。
背景が白くならないのは、CSS設定時にbody設定で

body{
background-color:#ffffff;
....
}

としていないため（と思われる）。<body>内の背景指定は削除する。
ざっと見だが、

<font color="gray" size="1">
皆様、新年明けましておめでとうございます!<br>

のようにsizeの属性値にゴミが混じっていたりする。
その他以下のHTML上の規則違反がある。

※ 41行: 要素divはこの位置には置けない。
※ 85行: 要素tableはこの位置には置けない。
※110行: /tdの前に、/FONTが必要。
※132行: 要素formはこの位置には置けない。
※151行: /divの前に、/FONTが必要。
※151行: /divの前に、/FONTが必要。
※151行: /divの前に、/FONTが必要。
※151行: /divの前に、/FONTが必要。
※151行: /divの前に、/FONTが必要。
※151行: /divの前に、/FONTが必要。
※151行: /divの前に、/FONTが必要。
※152行: /bodyの前に、/FONTが必要。
※153行: /objectに対応する開始タグが見つからない。
※153行: 未定義の要素。(/layer)
※153行: /divに対応する開始タグが見つからない。
※153行: /spanに対応する開始タグが見つからない。
※153行: /styleに対応する開始タグが見つからない。
※153行: /noscriptに対応する開始タグが見つからない。
※153行: /tableに対応する開始タグが見つからない。
※153行: /scriptに対応する開始タグが見つからない。
※153行: /appletに対応する開始タグが見つからない。
5   名前： 粒 ： 2007/01/08（月） 21:16  ID:xshBHSyG
レスが少し遅れてしまい申し訳ありませんでした。

うひょ様＞ご返答ありがとうございます。そこに関しては、色を指摘して下さったWindowsユーザーの方にも
指摘して頂き、実際に埋めて試してみましたが駄目でした…(説明不足になってしまいすみませんでした…)

牛若様＞ご返答ありがとうございます。ソースについての色々なご指摘感謝致します。
細かい部分も色々教えて下さりありがとうございます。本当に助かります。
初心者だからというのは言い訳になりませんので、きちんと調べてから作らないといけませんよね。
申し訳なかったです。ありがとうございます。
文字化けに関しては始めShift_JISで入れてみて、携帯画面の方の文字化けは解消されたのですが、
今度はパソコン画面の方が文字化けしてしまったのです。。
こちらのサイト様で紹介している3つのうちで、パソコン画面でも携帯画面でも文字化けしなかったのが
EUC-JPだったのでそれにしてみたのですが…。

ご指摘頂いたソース部分を修正したのち、またここにURLを提示したいのですが、
そういう使い方はやはりまずいんでしょうか…？
6   名前： とおりすがり ： 2007/01/08（月） 21:16  ID:UWsZexeD
>>5
> そこに関しては、色を指摘して下さったWindowsユーザーの方にも
指摘して頂き、実際に埋めて試してみましたが駄目でした…

修正されていませんでしたが、どこか別の場所をやったのでは？
× <body bgcolor="#ffffff " text="#000000">
○ <body bgcolor="#ffffff" text="#000000">
7   名前： イサ ： 2007/01/08（月） 21:16  ［URL］  ID:0yJG31Zh
>>6
とおりすがり氏の指摘箇所を、修正すれば背景は白になりました。

"#ffffff "
↓
"#ffffff"


Win XP HomeE IE6にて確認済

カラーコードを閉じる（"）ダブルクォーテーションの前に余分な空白があります。
8   名前： 通りがかり ： 2007/01/08（月） 21:16  ID:.c5btsdy
お使いがMacとのことですが、
エディタのフォントをOSAKA等幅などにしてみてはいかがでしょうか。
半角スペースなどが紛れていると、わかりやすくなると思います。


> ご指摘頂いたソース部分を修正したのち、またここにURLを提示したいのですが、
> そういう使い方はやはりまずいんでしょうか…？
それはかまわないと思います。
が、誰かにチェックしてもらうためにご自分でチェックしてみてはいかがでしょうか。
その方が、すぐに結果がわかり、訂正することが出来ます。

「HTMLチェッカー」などで検索すると、検索サービスを行っているサイトがいくつか見つかると思います。
これは英語ですが、公式のチェッカーです。
http://validator.w3.org/

>>4
> ※153行:〜
これはウェブサーバーが出している広告タグなので、ここで指摘する内容ではありません。
ページ制作者にこれを修正することは出来ません。
9   名前： 粒 ： 2007/01/08（月） 21:16  ［URL］  ID:DeeQPcGL
またしてもレスが遅くなり申し訳ありません。

とおりすがり様＞ご返答ありがとうございます。
言葉足らずで申し訳ありませんでしたが、やって下さったのはそのWindowsユーザーの方です。
Windowsユーザーの方自身のサイトで実際に半角スペースを入れたり消したりして
反応を見て下さったのですが、サイト自体に変化が見られなかったようだったので、意味はないと思い
私はやりませんでした。本当に言葉足らずな事ばかりで申し訳ありません…。

イサ様＞ご返答ありがとうございます。
実際にやってみて下さったようで…本当にありがとうございます。
白背景になった…というこのレス文を見て、私のサイトでも実際に余分な空白を埋めてみました。

通りがかり様＞ご返答ありがとうございます。
一応フォントは全てOSAKA一等幅になってました。等幅と一等幅は違うものでしょうか？
しかしフォントによっても空白があるかないかが見えやすくなったりするものだと初めて知りました。
ありがとうございます。
HTMLチェッカーについてもお教え下さりありがとうございます。こういうものがある事も知らなかったので…。
英語はちょっと苦手なので…｢HTMLチェッカー｣で検索かけてみたいと思います。ありがとうございました。

一応またサイトURLを掲載してみました。(上の私のレス文からも一緒の所にいけるとは思いましたが)
牛若様のソースに関してご指摘して下さった部分に関してはまだ全く対応しきれておりませんが、
順次対応していく所存です。

皆様本当にご指導ありがとうございました。
一覧へ戻る