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 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: http://testing002.compoundeyedesign.com/2015/
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:
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;
/* min-height: 2000px; Not really required AFAICT */
padding-top: 50px; /* adjust to this */
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>.