WordPress.org

Support

Support » Themes and Templates » [Resolved] Gap Between Header and Content – IEvsFF issue

[Resolved] Gap Between Header and Content – IEvsFF issue

  • 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?

Viewing 5 replies - 1 through 5 (of 5 total)
  • 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.)

    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.

    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.

    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!

    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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] Gap Between Header and Content – IEvsFF issue’ is closed to new replies.
Skip to toolbar