Posted 3 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 http://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?
Posted 3 months ago #
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.)
Posted 3 months ago #
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.
Posted 3 months ago #
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.
Posted 3 months ago #
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!
Posted 3 months ago #
Really annoying gap between 'latest stories' and article title on homepage - 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.
You must log in to post.