4 replies [Last post]
AndrewFrazier
Offline
newbie
Kidderminster, UK
Last seen: 15 years 3 weeks ago
Kidderminster, UK
Timezone: GMT+1
Joined: 2004-05-09
Posts: 6
Points: 0

I have an IE bug / feature that is causing me problems; on this page: www.sandrasider.com/template.php I can either have a 3px gap between the left-hand navigation and the content area OR (having spent ages trying to fix the 3px gap) I can have IE6 put random gaps into the lower section of the content area when the page is scrolled.

It appears to be something similar to the peekaboo bug but I have tried every fix I can find for that and none have worked.

If there is a lot of content in the content area the problem seems to go away but not if the content is short.

Any suggestions gratefully received.

ukgeoff
Offline
Enthusiast
Last seen: 14 years 48 weeks ago
Joined: 2005-03-10
Posts: 77
Points: 0

3 pixel gap or disappearing content

Might be a long shot but it looks like IE is butting a default padding-left on the <p> elements.

Try setting this to 0 and see what happens.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 47 weeks 1 day ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

3 pixel gap or disappearing content

Not tested.

IE does not properly collapse margins under certain conditions (floats, for one). I suspect that the gap near the bottom is due to the margin on <p> being improperly collapsed. There are two possible cures; 1) declare the margins explicitly, i.e. p {margin: 1em 0;}, or 2) eliminating the bottom margin, p {margin-bottom: 0;}.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

AndrewFrazier
Offline
newbie
Kidderminster, UK
Last seen: 15 years 3 weeks ago
Kidderminster, UK
Timezone: GMT+1
Joined: 2004-05-09
Posts: 6
Points: 0

3 pixel gap or disappearing content

Thanks for your help, but neither answer has solved the problem. I've tried setting bottom margins to 0, and left padding to 0 but I'm still getting a gap appear above the bottom of the content area when the page is scrolled.

Floating the content to the right fixes it but breaks the display in all the other browsers (Firefox, Opera, Safari).

Having enough content to come below the bottom of the left float also stops it but there may be times when there is not enough content to fill the page.

ukgeoff
Offline
Enthusiast
Last seen: 14 years 48 weeks ago
Joined: 2005-03-10
Posts: 77
Points: 0

3 pixel gap or disappearing content

One alternative I can offer you is to work with a package I put together.

The zip file contains all the .html, the .inc files and a pdf explaining how they are used.

It provides for a three column layout with header and footer but you don't have to use all elements if you don't want to.

http://1ontheweb.net/downloads/Templates.zip

HAve fun.

Geoff