他のデザイナーは、ブラウザー間でパディングとマージンをどのように正規化していますか? CSS リセット (現在は YUI のものを使用) を試しましたが、まだ多くの矛盾に遭遇します。
一部の要素では、一部のブラウザでは、パディングまたはマージンを 0px に設定すると、ブラウザがそのブラウザによって決定されたデフォルトのパディングとマージンを使用するようになります。一貫した外観になるように、すべてのブラウザでパディングまたはマージンをハード リセットする方法はありますか?
アップデート
追加の調査とここでのフィードバックから、Web サイトが異なるブラウザー間で同じように見えるようにすることはほぼ不可能のようです。CSS リセットを使い続けて、サイトの計画をより良くしようと思います。
スタイル設定をオーバーライドするデフォルトのブラウザー メカニズムを克服する方法がわかりません。おそらく、それを行うには多大な労力が必要になるでしょう。
これは通常、CSS のリセットで解決されますが、すべてが完了しているわけではありません。一部のブラウザーでは、まったく同じにするために、本体全体の境界線を 0 に設定する必要があります (つまり、Opera と場合によっては IE)。次のことを試してください。
body,html{margin:0;border:0;padding:0;}
あなたはどの要素を言っていないか、リンクを提供していないので、私はこれについてあまり深く掘り下げることはできません. どの要素に問題がありますか?
「正規化」パディングまたはマージン要素の完全なセットを追加するために、追加の CSS インタラクションと追加のコードを追加する価値はありません。
ページで使用している要素のパディングとマージンを明示的に指定して、必要なものに合わせてスタイルを設定するのが最善です。
通常、パディングはどこでも 0 です。ブラウザの中で最もバランスが悪いのは余白です。HTML ブロック要素に独自のマージンを定義するだけです。CSS のリセットはハンマーのようなものです。マージンだけでなく、それ以上のものを再定義する必要があります。しかし、HTML のデフォルトのインライン要素とブロック要素を一目見ただけでは区別できないことが多いため、初心者には役立つかもしれません。CSS のリセットは、一方と他方を「正しい方法」で再定義することを強制します。
とはいえ、ブラウザー間で矛盾が見られる場合は、ブラウザーを強制的にquirksmodeにする doctype を使用している可能性があります。MSIE では、ボックス モデルのバグが発生します。厳密なdoctype:を使用したいと考えています<!DOCTYPE html>。