Support » Themes and Templates » 15px Gap between the HEAD tag and Body class in FF

  • Resolved mster5


    I have created a child theme based off of TwentyTen. I am having a very annoying issue with a 15px gap between the HTML tag and the Body class, and it only shows up in Fire Fox. I have no clue what the issue is and have tried multiple solutions, any help would be awesome.


Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi,
    This one was bugging me, because I especially like troubleshooting CSS. Nothing obvious at all! It even seems to mostly validate.

    I think I have a lead for you, though. Your sparse DOCTYPE is for HTML5, and I would suggest trying another one… not that FF can’t handle HTML5, but who knows what type of small snafu you might have in there somewhere, and that’s bleeding edge.

    Here they are, a large bounty of them:

    If that’s not it, good luck. Maybe somewhere in all that Javascript stuff you have running, and I’m guessing it could be a plugin. But that’s a long shot.
    Cheers, Dave

    Hi Dave,
    Thanks for your help on troubleshooting, I really appreciate your time. I also consider myself to be be reasonably proficient at troubleshooting CSS, but this has gotten the best of me. I tried switching to another doctype, unfortunately there was no success. Really has me stumped. I tried deactivating the most obvious plugins that may be the culprit, yet again no success. I was thinking about adding a FF conditional statement, however I’ve always looked at conditional statements as bad practice. Once again, thanks for your help. I’ll let you know if I stumble upon a solution.


    I moved the site to the main root if anyone wants to take a look at it.


    I found it. You’re right – DOCTYPE is fine.

    It’s the margin setting here:

    #header {
    margin:0 0 15px;
    /* new line */
    padding:0 0 0;

    I should have guessed when I saw 3 settings on each line. I know that 3 can work, but FF didn’t like it for some reason. I just did the “new line” above, and it clicked right in. Try that, and season to taste. Or just remove any margin setting there.

    Cheers, Dave


    Thank you sooooo much! Worked like a charm. Odd that FF didn’t like it. Thanks again!


Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘15px Gap between the HEAD tag and Body class in FF’ is closed to new replies.