IE6/7とFirefoxで同じディスプレイを表示するための最良のツールやテクニックは何ですか？

Question

私はcrossbrowsertesting.comのようなオペレーティングシステムとブラウザの組み合わせで、実際のCSSを作成したり見つけ出したりするためのツールについては言及していません。

Answer 1

をcompatbilityするためにあなたが答えを見つけるのを助けるためにサイトQuirksModeを使用してください。

私はIE7のようなページをレンダリングするために、IE7.jsを使用します。 IE7は完璧ではありませんが、少なくともそれにはいくつかの標準があります。私はIE7とFFをコードするだけで済むので、ブラウザに対するテストの点で33％効率が良くなります。私はビジネス上の意味では良いと思っています。

リンク：IE7.js

Answer 2

私は標準に書きます.FirefoxとIE7の両方は、かなり良いセットに共通しています。

IE6は限り私は心配ですが、私は戻ってプロのWeb DEVに取得する場合、私はおそらくそれを修正する必要がありますように死んでいる;）

Answer 3

私は標準に準拠したページを作ってみると、すべての私のテストを行いますFirefox（Web DeveloperやFirebugなどの優れた開発拡張機能を備えているため）。私が終了したら、IEでサイトをテストし、必要な小さな変更を加えます。私はCSSと非常に複雑なことは何もしないので、ほとんど変更を加える必要はないことがわかります。

以前はJavascriptの相違に問題がありましたが、Javascriptライブラリ（jQueryなど）を使用した後、重大な問題が発生しなくなりました。

Answer 4

パディング。

IE6は、余白を使用して要素をページに水平に配置するときにちょっとヒンクキーになります。要素のサイズを設定し、パディングを使用して内容を配置する場合、IE6/7、FF、Safari、およびOperaでは、多くのレイアウトをハックせずにすばらしいものにすることができます。 IE5.5では、箱のモデルが壊れているため少し物足りないものになっていますが、今のところほとんどの状況でそれを数えることができます。

Answer 5

私は標準準拠のページを作成し、すべてのテストをFirefoxで行います（Web DeveloperやFirebugなどの優れた開発拡張機能を備えているため）。私が終了したら、IEでサイトをテストし、必要な小さな変更を加えます。私はCSSと非常に複雑なことは何もしないので、ほとんど変更を加える必要はないことがわかります。

ここでは、Firebugなどを使用する必要はありません。

/* All browsers read: */ 
html body { 
    margin: 10px; 
} 

/* FF, IE7, Op etc. read: */ 
html > body { 
    margin: 0; 
} 

Answer 6

は、ブラウザ間でフィールドを水平にするCSSのリセットを使用してください：バイパス簡単なCSSによって解決されている - 私は最近IE6で問題ががありました。 YUIとEric Meyerは良いものを持っています。

Answer 7

私はエリーです。 firefox（firebugがインストールされている）を使って書くと、より互換性の高いコードを書く必要があります。

君たちはまだIE6のためにコーディングしている場合、あなたは間違いを犯している情報

Answer 8

それは私がそれ私が変更を加えると、私がターゲットにしていますすべてのブラウザ上のすべてのHTML + CSSの変更をテストするためのポイント作る新しいプロジェクトだ場合。過去に私はお気に入りのブラウザに焦点を当てていましたが、その後、1つまたは複数の小さな欠点が存在することが判明した後に他の人とテストしていました。実際の原因を特定するのは非常に面倒でした。今、私はすべてのブラウザを開いて、それぞれのhtml/cssを変更した後にそれぞれをリフレッシュして、ディスプレイが私の期待を満たすことを確認します。何かがうまくいかないとき、私はそれが何を引き起こしたか正確に知っている

すべてのブラウザで一度にテストするのは時間がかかるかもしれませんが、長期に渡って問題を一度に捉えれば実際に時間が節約されます。