How to make column whole page high?

I'd like to make the column border to reach the footer as in an example

short variant

high variant

Thanks !

What do you thi开发者_JAVA百科nk about min-height: 430px; ?

You can use a background image that is 1 pixel high and contains a very thin horizontal strip of the background + line(s) that you'd like to have, repeated on the y-axis:

#centered_container { background: url(i/bg.png) 50% repeat-y; }

Since your site seems to be centered, use 50% to center the background image as well.

Here is a technique that requires no JavaScript and works in a cross-platform manner. It will require a reworking of your css.

http://matthewjamestaylor.com/blog/perfect-2-column-left-menu.htm