WordPress.org

Forums

[resolved] 15px Gap between the HEAD tag and Body class in FF (6 posts)

  1. mster5
    Member
    Posted 4 years ago #

    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.

    URL: http://savemycigar.org/main/

  2. flamenco
    Member
    Posted 4 years ago #

    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:
    http://www.w3.org/QA/2002/04/valid-dtd-list.html

    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

  3. mster5
    Member
    Posted 4 years ago #

    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.

    Jake

  4. mster5
    Member
    Posted 4 years ago #

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

    URL: http://savemycigar.org/

  5. flamenco
    Member
    Posted 4 years ago #

    I found it. You're right - DOCTYPE is fine.

    It's the margin setting here:

    #header {
    margin:0 0 15px;
    
    /* new line */
    margin:0;
    
    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

  6. mster5
    Member
    Posted 4 years ago #

    Dave,

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

    Jake

Topic Closed

This topic has been closed to new replies.

About this Topic