The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] How do I remove this gap in my design?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #192361


    This should be easy, but of course, I can’t figure it out. I’m trying to remove a small gap that appears in my design. See here:

    The page is here:

    I’ve check my CSS and removed margins between the divs in this space, but that doesn’t seem to do the trick. Any ideas?

    This is the look I’m trying to achieve:

    Any ideas?

    Kind regards, Russell


    You have padding-top of 70px on the body presumably so that the fixed header doesn’t overlap the content.

    But the navbar is only 50px tall…so there’s a gap of 20px;

    body {
      /* min-height: 2000px; Not really required AFAICT */
      padding-top: 50px; /* adjust to this */

    Dear Paulie_D:

    Aha, thank you sir. I thought it might be something with the navbar height which I just couldn’t figure out. I didn’t realise it was the <body>.

    Muchos gracias!


Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.