Reset CSS messing with layout [closed]

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.

Closed 8 years ago.

Improve this question

So I've found that my site has a bunch of inconsistencies between browsers (as to be expected)

I've implementing reset.css into my style sheet and it works with most of the issues except what seems to be the padding. When it's added it pushes the header down the page. The good news is it does this consistently through each browser haha

So what can be done to keep the header in place rather then it bumping down?

Thanks so much!

Answer 1

You could try using normalize.css as your css reset instead, it's worked for me and fixes padding for sure.

Answer 2

The reset file adds a vertical-align: baseline; which messes up your layout. IMHO if you do use a reset, then you need to explicitly define paddings, margins etc.