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?
Hello:
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:
http://note.io/13VPdfO
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: http://note.io/1Khq6FG
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.
padding-top
body
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!
R