リセットCSSが効かない

質問

初めてのwebページ作りで困ったことが起こりました。リセットCSSを記述し、まずはFirefoxで表示の確認をしてみました。ところが、本来余白が無くなって詰めて表示されるはずが、なぜか余白が残って表示されてしまいます。（リストマーカーなど他のリセットCSSはなぜか反映されていました。）コードを何度も見直しましたが、これといった間違いは見つからなかったのでおかしいなぁと思い、別のブラウザでも表示させてみました。すると、EdgeとIEでは同じく一部のリセットCSSが反映されていないようでしたが、Google Chromeではすべて正しく反映されており、無駄な余白のないレイアウトしやすい状態になっていました。これでリセットCSSがうまく機能していることは確認できたのですが、なぜGoogle Chromeでしか反映されないのか不思議でなりません。webサイト制作専門の方に聞いても「ブラウザの問題は分かりかねないと」と言われてしまい、困っています。先に進みたいのですが、別のブラウザで正しく表示されないとなると問題だと思うので、なるべく早く解決したくこちらで質問させていただきました。HTML、CSS、ブラウザに詳しい方などにご教示いただけたらと思います。よろしくお願いいたします。

回答No.2

celtis

古いリセットCSSだとうまく動かない可能性もあります。
　・どこで配布されているリセットCSSなのか？
　・どのようにHTMLに読み込ませているのか？
このへんを補足すれば、より適切な情報が得られると思います。

今どきのリセットCSSについては、この記事が参考になるでしょう。
https://coliss.com/articles/build-websites/operation/css/css-reset-for-modern-browser.html

回答No.1

t_ohta

CSSやHTMLの記述に原因がある場合もあります。
どんな書き方をしているのか例示された方が答えが見つかりやすいと思います。