• Hi!

    I have my sidebar inside the ‘container’ but it will just stop wherever the information on the sidebar stops which leaves a blank space because my entries are longer then my sidebar content. Its a bit hard to explain but you’ll see what i mean:

    http://www.schoolskipper.com

    I’m really confused. I’ve been messing around with it for awhile. Any ideas? :]

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sidebar stops’ is closed to new replies.