this is a css issue…
the easiest way to solve this is to set a background image into the container…
create an image that’s 1px tall and as wide as your sidebar should be and then place it as the background…
then any other divs which you place on top of it (like the footer) will hide the excess.
background:#FFFFCC url(images/1x180px.jpg) repeat-y;
Thread Starter
Dew
(@dew)
oh, wow! i never thought of that!
i understand. thanks :]
Hi,
I have the same issue. Blog is: upnorthinmichigan.com
My right sidebar background will run to the end of it’s content but not extend to the bottom of the container (left and central columns) content.
On a page, the right column is longer than the left and central due the short amount of central content.
I did the code example given above but there’s no change. I know the image is showing up in the page because that’s the only way the white background is appearing in the right column. I did the background:url… and so on without the #FFF in the code.
Any suggestions?
you’ve put the background image into your body callout (also I looked at your 1×875 img and didn’t see anything…) and then set the “main” container indide the body div…
try putting the background iamge into the main div.