IEでの表示がおかしい

質問

PHPでちょっとしたウェブアプリを作りました。
今まで確認にはFireFox1.0を使っていましたが、IE6.0で表示を確認したところ、FireFoxで表示されていたページが正しく表示されないという不具合を発見しました。

phpのソースが以下とします：
<input type="checkbox" name="bd" value="1" <?php if ($form->value("bd")){echo "checked";} ?>">

Firefoxでソースを見ると、以下のように表示されます：
<input type="checkbox" name="bd" value="1" >

IE6.0では以下のように表示されます：
<input type="checkbox" name="bd" value="1" ">
（余計なダブルクオーテーションが現れる）

これはリストの一部で、これが１０くらいあります。そして、IEでは全ての行に余分なダブルクオーテーションが現れます。
また、実際の画面では、Firefoxの場合、全てのリストが表示されるのですが、IEでは４行目くらいまで表示され、その後はソースがあるにもかかわらず、表示されません。

どなたか原因や解決法をご存じでしたらお教え下さい。
よろしくお願いします。

回答No.1

chie65536 · ベストアンサー

＞phpのソースが以下とします：
＞<input type="checkbox" name="bd" value="1" <?php if ($form->value("bd")){echo "checked";} ?>">
＞Firefoxでソースを見ると、以下のように表示されます：
＞<input type="checkbox" name="bd" value="1" >
＞IE6.0では以下のように表示されます：
＞<input type="checkbox" name="bd" value="1" ">
＞（余計なダブルクオーテーションが現れる）

どう見ても「元ソースに余計なダブルクオーテーションが付いている」ようにしか思えませんが。

つまり、
「Firefoxはページ解釈を間違っていて、間違った解釈をしている為に、ソースの記述が間違った『正しく表示出来ないページ』が、偶然、正しく表示されている」
「IE6.0はページ解釈を間違わずに、正しく解釈している為に、ソースの記述が間違った『正しく表示出来ないページ』が、ちゃんと正しく表示されない」
と言う事です。

どう見ても、IE6.0の方が「正しい動き」をしています。

元ソースのダブルクオーテーションの対応を良く見て下さい。

判り易いように、正しく括られた「"～"」と「<～>」を１つづつ削り、トークンも削ってみます。
<input type="checkbox" name="bd" value="1" <?php if ($form->value("bd")){echo "checked";} ?>">
↓
<input type="" name="bd" value="1" <?php if ($form->value("bd")){echo "checked";} ?>">
↓
<input type="" name="" value="1" <?php if ($form->value("bd")){echo "checked";} ?>">
↓
<input type="" name="" value="" <?php if ($form->value("bd")){echo "checked";} ?>">
↓
<input type="" name="" value="" <?php if ($form->value("")){echo "checked";} ?>">
↓
<input type="" name="" value="" <?php if ($form->value("")){echo "";} ?>">
↓
<input name="" value="" <?php if ($form->value("")){echo "";} ?>">
↓
<input value="" <?php if ($form->value("")){echo "";} ?>">
↓
<input <?php if ($form->value("")){echo "";} ?>">
↓
<input <?php if ($form->value("")){} ?>">
↓
<input <?php if (){} ?>">
↓
<input <?php ?>">
↓
< <?php ?>">
↓
< ">

正しく括られた「"～"」と「<～>」を１つづつ削り、トークンを削ると、最後は
< >
だけが残る筈ですが、質問に書かれた元ソースでは
< ">
と、どこにも対応の無い、余計なダブルクオーテーションが１つ残ります。

つまり「ソース表示」で見た場合に「余計なダブルクオーテーションが現れる」と言う事になります。

上記から「FireFox1.0はソース解釈が正しくないので、FireFoxでのページ表示確認は出来ない」と言う事が判ります。取り敢えずはIE6.0を信じましょう。

お礼

早速のご回答、ありがとうございました。
いやはや、なんと単純な。

テキストボックス用に書いたものをコピペし、チェックボックス用に書き換えた際に、最後の " を取り忘れたようです。これを消してテストしたところ、問題なく全行表示されました。

どうもありがとうございました。

回答No.3

chie65536

No.1の補足です。

「取り敢えずはIE6.0を信じましょう」と書きましたが、IE6.0にも「その動作は変だろ、間違ってる」と言う部分があるかも知れないので、完全に信じ切ってはいけません。

今回は「FireFoxでしか確認してなかったので、ソースの記述ミスに気が付かなかった」という事です。ですので「どのブラウザで見ても問題無く表示される」を目標に、FireFox、IE、NetScapeなど、色々なブラウザで確認するのが良いと思います。

お礼

実は、MacのIEとSafariでもテストをしたのですが、この問題は生じませんでした。

また、このコードとはもう一ヶ月以上も付き合っている上、WinのIE6でしか問題が生じなかったため、IEの問題と決め付けていました。

やっぱり、まずは自分を疑わないといけません。反省。
改めて、ありがとうございました。

回答No.2

spinach-chicken

書かれているソースを見ると、
～（前略）～?>">

と、「?>」の直後に「”」がありますから、
IEのソースが正しい結果のようです。
このようにHTMLで出力されると、「”」の組み合わせがおかしくなりますので、正しくページが出力されないでしょう。
FireFoxが、なぜ「”」を消去するのかは判りませんが、まずはソースの修正をされてはいかがですか？

お礼

ご回答ありがとうございました。
仰るとおり、"　が一つ余計でした。