The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › [Solved] Extra Margin Above Site On FireFox Only
I just did an awful looking website because that’s what a client wanted. However I get a big margin at the top of the site in FireFox only. Ive inspected it and can’t seem to figure out where it’s coming from.
Any ideas?
http://kimmixon.com/
Well it’s this:
.main-content { margin-top: 175px; }
No idea why Chrome treats it differently than FF.
Ah thank you very much. Best practice for targeting FF only? -moz-?
Solved my own question. This worked:
<style type="text/css"> @-moz-document url-prefix() { .main-content { margin-top: 0; } } </style>