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 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.
