IE6/7 と Firefox で同じ表示を得るために最適なツールまたはテクニックは何ですか?[閉まっている]

Question

私が話しているのは、crossbrowsertesting.com のようなオペレーティング システムとブラウザの組み合わせでページを表示できるツールのことではなく、実際の CSS の作成または理解についてです。

Answer 1

もしあなたたちがまだ IE6 向けにコーディングしているとしたら、それは間違いです。

私が使う IE7.js IE6 で IE7 と同じようにページをレンダリングできるようにします。IE7 は完璧ではありませんが、少なくとも標準のようなものはあります。IE7 と FF 用のコードを記述するだけなので、ブラウザーに対するテストの効率が 33% 向上します。これはビジネス上合理的だと思います。

リンク： IE7.js

Answer 2

CSS リセットを使用して、ブラウザ間でフィールドを均等化します。YUIとEric Meyerは良いものを持っています。

Answer 3

私は標準に従って記述しており、Firefox と IE7 は両方とも非常に優れた共通のセットに従っています。

私の知る限り、IE6 は廃止されましたが、プロの Web 開発に戻ったら、おそらく改訂する必要があるでしょう ;)

Answer 4

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

以前は Javascript の違いについてもっと問題を抱えていましたが、Javascript ライブラリ (jQuery など) を使い始めてからは、それに関する深刻な問題は発生しなくなりました。

Answer 5

パディング。

IE6 では、マージンを使用して要素をページ上に水平に配置すると、少し動作が不安定になることがあります。パディングを使用して要素のサイズを調整し、コンテンツ内のスペースを調整すると、ハックをしなくても、多くのレイアウトを IE6/7、FF、Safari、Opera で適切に機能させることができます。IE5.5 ではボックス モデルが壊れているため、状況が少し不安定になりますが、今ではほとんどの状況で問題を解決できると思います。

Answer 6

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

ここでも同じですが、Firebug などを使用する必要がほとんどないことを除きます。ただし、最近 IE6 で問題が発生しただけですが、これは単純な CSS バイパスによって解決されます。

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

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

Answer 7

エリと一緒だよ。(firebug がインストールされた) Firefox に対して記述する場合は、最初に「より互換性の高い」コードを記述する必要がありますが、後で IE と互換性を持たせるようになったときに、その作業はそれほど難しくはありません。

サイトを利用する 癖モード 互換性情報の答えを見つけるのに役立ちます

Answer 8

新しいプロジェクトの場合は、変更を加える際に対象となるすべてのブラウザですべての html+css の変更をテストするようにしています。以前は、お気に入りのブラウザーに焦点を当て、完了後に他のブラウザーをテストして、1 つ以上の小さな問題が存在することを発見する傾向があり、実際の原因を特定するのは非常に面倒でした。これで、すべてのブラウザを開いて、html/css を変更するたびに各ブラウザを更新して、表示が期待どおりであることを確認します。何か問題が起こったとき、何が原因だったのかが正確にわかります。

すべてのブラウザで一度にテストするのは時間がかかるように思えるかもしれませんが、長期的には問題を一度に発見できるため、実際には時間を節約できます。