IE６とＯｐｅｒａでの見え方の違い

質問

私の環境は、Win XP なのですが、次のページをIE6で見ると、タイトルロゴの上に緑色のラインが被さってしまっています。
しかし、Operaで見ると問題はありません。

http://www.ecomile.jp/

この違いは、どういう理由で起こるのでしょうか？
また、こういった不具合を防ぐ手だてはないのですか？
（私にはHTMLの知識しかありません。）

回答No.2

nuruhho44 · ベストアンサー

ちょっと興味があったので試しにダウンロードして実験してみたのですが、どうやらセル内の画像の後の半角スペースが原因のようです。

<TD><IMG src="***.gif" alt="***"> </TD>

みたいな感じになっているところが数箇所あり、半角スペースを一括置換で全て取り去ってみたところ、ＩＥでも一応きちんと表示されました。実に簡単な修正で済みました。

　このページはどうもDreamWeaverによって作成されたように見受けられるのですが、ひょっとしてMacで作成されたのかもしれませんね。

　ご存知かとも思いますが、MacのＩＥはWindowsのそれとは全く別物のようですので、当方では確認できませんので確かなことはわかりませんが、或いはMacIEではうまく表示されているのかもしれません。

お礼

私もやってみました。
最低３ヶ所の半角スペースを除去することで問題が解消されました。
HTMLの文法チェックのソフトでは、これに関する指摘が得られなかったので、このことは大変勉強になりました。
「ひょっとしてMacで」というのは、気づかなかった考え方です。
ありがとうございました。

回答No.1

noname#6493

> この違いは、どういう理由で起こるのでしょうか？

ブラウザによって、記述されたHTMLの
解釈が異なるからです。

> こういった不具合を防ぐ手だてはないのですか？

トヨタ車と日産車が「異なる」ことは不具合でないのと
同様に、これは不具合ではありません。
よって防ぐ手段はありません。
異なる製品による結果、が異なるのは当然のことです。

お礼

いち早くご回答を下さり、ありがとうございます。

トヨタ車と日産車の違いですか、なるほど。
マーケティング上の話になりますが、要するにこのサイトのオーナーは、ブラウザの利用現場で大多数を占めているのがIEであることを知らない、もしくは、知っていて、わざと無視しているにすぎないのですね。

（トップページの印象は大事だと思うので、おそらく直接のＷｅｂデザイナーは、このことを知っていたはずだと思うのですが、発注者から指示がなかったにしろ助言しなかったのかなあ）

とにかく、「IEでの不具合を防ぎたいなら、最初からIE向けの記述で設計しなさい。」という結論になりますでしょうか。