Forums

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

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #151192
    Steven Morgan
    Participant

    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/

    #151193
    Paulie_D
    Member

    Well it’s this:

    .main-content {
        margin-top: 175px;
    }
    

    No idea why Chrome treats it differently than FF.

    #151196
    Steven Morgan
    Participant

    Ah thank you very much. Best practice for targeting FF only? -moz-?

    #151199
    Steven Morgan
    Participant

    Solved my own question. This worked:

        <style type="text/css">
          @-moz-document url-prefix() {
             .main-content {
                 margin-top: 0;
              }
           }
       </style>
    
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.