CODEWITHSUNDEEP
htmlcss
easyrider
easyrider

Reputation: 701

How to make column whole page high?

I'd like to make the column border to reach the footer as in an exampleenter image description here It should work in these two variants:

short variant

high variant

Thanks !

What do you think about min-height: 430px; ?

Upvotes: 0

Views: 265

Answers (2)

Ateş Göral
Ateş Göral

Reputation: 140112

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.

Upvotes: 2

Joel Etherton
Joel Etherton

Reputation: 37543

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

Upvotes: 0

Related Questions