IEとFireFox

質問

いつもお世話になっております。
今回はIEとFireFoxについてお聞きします。

現在、IE対応のwebアプリを作っておりまして一通り動くところまでは行きました。
将来的にはFireFoxにも対応したいのですが、IEと表示が異なる点がいくつかありますので改善方法を教えていただきたいです。

１、gif画像が表示されるものと表示されないものがある。
　　調べてみてこうやればできるというものを試しましたがすべて表示というわけではなかったです。
２、位置がずれる。
　　<DIV style="top : 20px;left : 250px; position : absolute; z-index : 1;">
というように指定するとIEと違う位置に表示されます。

何が原因なのでしょうか？
ご教授願います。

回答No.2

tenderfeel

予想になりますが

１．表示されない画像だけFireFoxで開いたら見れるんでしょうか？
もし見れないならファイル周りの問題、見れるならCSSなどレイアウト側の問題と予想できます。
出るのと出ないのがあるというのを聞くと、floatとか使って崩れてるんじゃ…となんとなく思うのですが。

２．ソースがないのでヒントになりますが
positionプロパティは、topとleftなどで位置を指定したとき、どこを基準にするかで位置が変わります
特に何もしてないとbodyが基準になるので、親要素にposition:relativeとかを指定してみると良いかもしれません。

CSSの解釈がかなりIEはおかしいので、IE基準にして作ると後でほかのブラウザにあわせるのが大変だと思います。
いずれIE以外にも対応させるつもりなら、せめて表示だけはFireFoxあたりで確認しながら作った方がいいですよ。

回答No.1

noname#100277

ソースのコーディングの詳細とgifの実物が確認出来ないので回答は一般的ですが、IE基準では作成しないのが無難な方法です。
Firefox等の「レンダリングをW3C基準で正確に表示」するブラウザを基準にしましょう。