ベストアンサー

FirefoxとIEにおける表示の違いについて

2005/09/20 11:46

IEで表示できるページがFirefoxで上手く表示されない、またはエラーが出るということはよく聞く話なのですが、具体的にどのようなソースを書いた時に違いが表れるのでしょうか。 "コメントアウトを必ず閉じなければならない"、など、基本的なHTML、CSS、JavaScript程度のことで構わないので、教えていただけると幸いです。よろしくお願いします。

knight6625
お礼率77% (54/70)

HTML
回答数2
ありがとう数2

みんなの回答 （2）
専門家の回答

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

ベストアンサー

pingu98
ベストアンサー率62% (17/27)

2005/09/20 21:03 回答No.2

　具体的に違いを挙げようとすると沢山ありすぎてきりがないので大まかな概要を説明します。　その昔、IEとネットスケープというブラウザが２大ブラウザと呼ばれていました。HTMLをどの様に表示するか、どんなタグが使えるかということは、メーカーとは関係のないＷ３Ｃという組織が標準規格として発表していましたが、各メーカーはシェアを得るために独自のタグを用意したり、独自のスタイルを指定できるようにしたりして争いました。中には、各メーカーの搭載していたタグがＷ３Ｃに認められ標準規格として取り入れられたものもあります。　ところが、ホームページを作ろうとする人の多くは、どっちのブラウザでも同じ様に表示できるようにホームページを作りました。その為、結局独自のタグや独自のスタイルはそれほどシェア争いに大きな影響を与えませんでした。　両ブラウザの性能はどっちもどっちでしたが、シェアはwindowsに標準搭載されているIEが伸びていきました。そんな中、ネットスケープは方針を変え、Ｗ３Ｃの決めるルールを忠実に守るようなブラウザを開発しだしました。Netscape6以降のものがそれです。　新しいネットスケープはMozillaと呼ばれるオープンソース(プログラムソースが公開されている)のプログラムを元にしてできたもので、これと同じ様にオープンソースのMozillaを元にしてできたものがFirefoxです。　そういうわけですので、Firefoxの表示も大体においてＷ３Ｃの標準規格に沿っています。最近では他にも、Operaやsafariといったブラウザがありますが、これらも標準規格への準拠という方針のブラウザになっています。最近の携帯に入ってるブラウザも割と標準準拠ぽいです。　IEも最新のバージョン6も一応標準規格に対応はしているのですが、なにぶん古めのブラウザなので様々なバグが残っています。なので現在、IEとその他のブラウザで表示が異なる場合の主な原因は、１．HTMLがIE規格で書かれている。２．HTMLは標準規格で書かれているがIEのバグで異なった表示になっている。というものがほとんどです。　具体的には、<!DOCTYPE～>というような標準規格で書いてありますよという記述の無いHTMLで、IEでのみ動作確認をしてホームページを作ると、それはつまりIE規格で書いてあるHTMLなので、他のブラウザでは殆どの場合異なった表示になります。　また、<!DOCTYPE～>を正しく書いてもXHTMLの場合にはIEのバグで正しく標準規格と認識されずIE規格として表示される場合があります。　他にもIEのバグを列挙するとCSSでは、・日本語フォントフェースの認識がおかしい。・floatの表示がおかしい。・widthやheightの計測がおかしい。・marginの計測がおかしい。などなどがあり、レイアウトに大きな影響を与えます。　JavaScriptでは、IEのDOM解釈がおかしい為、DOMを使ったスクリプトはまず異なる動作になります。　というわけで、「IE バグ標準モード」などというキーワードで検索すると、色々細かい違いが調べられますよ。

質問者

お礼 2005/09/22 10:16

詳細な説明をありがとうございます。なるほど。初めから規格の違いがあるのですね。私はHP作成系の会社で働いているのですが、殆どの作業をIEのみで行っていますし、それが当たり前だとも思ってましたが、Firefoxの普及と共に見直さなければならないかもしれませんね。 DOMの解釈がおかしくなるという点も初耳でした。回答ありがとうございます、非常に参考になりました。