Grow your CSS skills. Land your dream job.

Stretch sidebar along with main content

  • # April 29, 2010 at 7:28 am

    Hello CSS-Tricks, new user here. I’m having a bit of trouble with a 2-column layout. I’ve been searching Google for hours now & haven’t found anything that solves my problem. What I need is for my sidebar to extend along with the main content of the layout. Now there are quite a few tips/tricks I’ve found that were really useful. But my problem is that I use a repeating background image in the sidebar & none of them could accommodate that.

    Here’s a screen of the layout I’m working on.
    [img]http://img404.imageshack.us/img404/5854/screenvh.jpg[/img]

    You’ll notice the transparent gradient flushed to the left of the sidebar background. Any help would be greatly appreciated.

    # April 29, 2010 at 12:47 pm

    To be honest, I actually think it looks better not extending down to the bottom.

    But if it’s what you really want, you’ll want to looking into using "faux columns".

    Article: http://css-tricks.com/super-simple-two-column-layout/

    Video: http://css-tricks.com/video-screencasts … mn-layout/

    # April 29, 2010 at 2:22 pm

    Well I agree it does look good from this screen. It’s just that there’s a footer at the bottom and the absent space between the sidebar looks odd.

    Thanks for the link though, looks like this is just what I needed. Appreciate it.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".