Gap Between Header and Content – IEvsFF issue

  • Resolved LP

    (@kurilissa)


    16 years, 8 months 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 https://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.

    Thread Starter LP

    (@kurilissa)

    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 https://www.ulearnublog.net/

    Thank you!

    Really annoying gap between ‘latest stories’ and article title on homepage – https://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 ‘Gap Between Header and Content – IEvsFF issue’ is closed to new replies.