5 replies [Last post]
LolaDarling
Offline
newbie
Vancouver, BC
Last seen: 18 years 20 weeks ago
Vancouver, BC
Timezone: GMT-8
Joined: 2004-07-14
Posts: 3
Points: 0

Hi, everyone. I'm working on a site that I think I've managed to work out most of the bugs on, except this one. There's a large (approx. 20px) space appearing between the image near the bottom of the page and the footer div. I've tried everything I can think of -- margin: 0 & padding: 0 around everything, but it won't go away. Of course, the client is using -- drumroll, please -- IE5!

The code (both HTML & CSS) validates. The doctype is correct. I can't figure out what else to try.

Any thoughts?

Here's the link (the problem appears on every page, and only in IE5.01/Win -- it's fine in IE5.5 and IE6, and even IE5/Mac):

http://www.iconkelowna.com/testsite/

Any help would be most appreciated!

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 4 years 8 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

Stubborn bug in IE 5.0 - space below image

I see a large gap between the picture of the train and the privacy policy in IE6 and FF... is this what you're referring to, or is it even larger in IE5? I don't have IE5 so I can't tell.
You have the top padding of the footer set to 13px... is this correct?
If so, you're saying there is a 33px gap between the two in IE5?

LolaDarling
Offline
newbie
Vancouver, BC
Last seen: 18 years 20 weeks ago
Vancouver, BC
Timezone: GMT-8
Joined: 2004-07-14
Posts: 3
Points: 0

Stubborn bug in IE 5.0 - space below image

Here are a couple of screengrab images to show you what I'm aiming for vs. what I'm getting in IE5.0. "screengrab_ff.jpg" is from Firefox and looks the way I want it to. "screengrab_ie5.jpg" is from IE5.01 and has an ugly white space between the image and the footer area.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Stubborn bug in IE 5.0 - space below image

Hi there, nice site!

Have you tried taking the padding out of the #footer and putting it on the #footer p instead if not all remove the top padding and set it in the p , just a thought as I would expect padding on a div to cause gap like problems.
Can't check it as I left IE5 behind about 3-4 years ago! but it seems okay in Firefox, altering the padding.
As for your client IE5 Oups I suppose it is out of the question to attempt to explain to him the benefits of upgrading, security issues etc it's really not going to hurt him just to go up to IE5.5; but I guess as a client he's not going to listen to the advice of someone on matters that he is paying for their skill and experience in :roll:

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

LolaDarling
Offline
newbie
Vancouver, BC
Last seen: 18 years 20 weeks ago
Vancouver, BC
Timezone: GMT-8
Joined: 2004-07-14
Posts: 3
Points: 0

Stubborn bug in IE 5.0 - space below image

Hi, Hugo -- thanks for the suggestions (and the compliment!). I have tried removing the footer padding altogether to see if that would fix things, but it didn't. I really am quite baffled by this.

As for suggesting the client upgrade, you're right -- this is not a client who is receptive to those types of suggestions. There's also just the matter, for me, of wanting to understand how this problem has come about so I can figure out how to avoid it in future. I'm stubborn that way. Smile

But I do appreciate the sentiment. Our world would be a much simpler place if IE5 would just fall off the face of the planet!

Stu
Stu's picture
Offline
Enthusiast
Bristol uk
Last seen: 18 years 46 weeks ago
Bristol uk
Joined: 2004-01-20
Posts: 282
Points: 0

Stubborn bug in IE 5.0 - space below image

Adding float:left; to the #footer gets rid of the gap but you will then need to specify a width.
Not sure why this is happening but it is normally due to images and white space.

It's not what you do it's the way that you do it.
So do it with STYLE
http://www.s7u.co.uk