WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Gap Between Header and Content - IEvsFF issue (6 posts)

  1. KuriLissa
    Member
    Posted 6 years ago #

    First time poster and hopeful someone can help me with my little problem! It's unfortunately another issue that springs forth from IE and Firefox/Safari compatibility problems.

    My site is http://www.kuri-ousity.com/

    In Firefox/Safari, a gap appears between the header image and the beginning of the content. IE doesn't have that problem. I keep going through my CSS but still can't seem to find what's causing it.

    Is anyone able to enlighten me with some ideas?

  2. Pinoy.ca
    Member
    Posted 6 years ago #

    I can't figure it out either, but I found that adjusting the font-size in the body definition of your stylesheet increases and decreases the gap. (It's as if there's an   there.)

  3. drewactual
    Member
    Posted 6 years ago #

    here:

    #content {
    background:#FFFFFF;
    width: 720px;
    margin: 0 auto;
    padding: 10 35px 15px 0px;
    }

    needs to be:

    #content {
    background:#FFFFFF;
    width: 720px;
    margin: 0 auto;
    padding: 10px 35px 15px 0px;
    }

    man, that is one confusing css you got there...
    but, for future ref, if you validate your css you will catch stuff like that.

  4. KuriLissa
    Member
    Posted 6 years ago #

    To drewactual: Thanks very much! It worked perfectly and fixed that nasty little gap. Amazing what such a little oversight can cause... I really appreciate it! And yeah, it's very messy CSS; most of that is leftover junk from the layout I used as referrance for mine. I'm going through a big overhaul of it to get rid of a lot of that useless stuff and reorganize what's left.

  5. cassumass
    Member
    Posted 6 years ago #

    I'm a first-time user (and not a very tech-savvy one), too. In Mozilla Firefox, our blog looks fine. In Internet Explorer, there is a huge gap at the top of the page. Any advice that a non-technical person like me might understand? Our blog is at http://www.ulearnublog.net/

    Thank you!

  6. whatson wordpress
    Member
    Posted 6 years ago #

    Really annoying gap between 'latest stories' and article title on homepage - http://www.whatsonstage.com/midlands

    Managed to remove it on firebug by taking out a <td> tag, but can't replicate the fix in the back office. Help much appreciated.

Topic Closed

This topic has been closed to new replies.

About this Topic