column backgrounds (CSS equal height columns)

You are viewing this site as a guest. Join our community to get your questions answered and share knowledge. Active members may advertise and ask for a website critique.

Lithium posted this at 21:25 — 24th October 2006.

They have: 7 posts

Joined: Oct 2006

okay, anyone know how to get the background of a column to go all the way down? on my site, i want to use a background image but if the background is anything other than black yuo can see where the sidebars end and it looks ugly. if anyone could help me out i would be very grateful Smiling

Web Design and Graphics

DDoSAttack posted this at 00:10 — 25th October 2006.

He has: 38 posts

Joined: Oct 2006

Do you have a link???

Lithium posted this at 12:21 — 25th October 2006.

They have: 7 posts

Joined: Oct 2006

a link for my site? lithiumradio.net but i have the background set as black so you can't see the columns

Megan posted this at 13:27 — 25th October 2006.

She has: 10,232 posts

Joined: Jun 1999

Important to know that you're using CSS and not tables for layout. So what you want is those two side columns to extend all the way to the bottom of the page.

There are a couple of ways to do thiis. You'll probabliy have to study some code and figure out what technique will work best for you. I'm going to go look for some good CSS samples sites I've seen. You can also do a search for "CSS equal height columns".

Megan
My web design blog

Lithium posted this at 13:32 — 25th October 2006.

They have: 7 posts

Joined: Oct 2006

Thanks for the tip Smiling

Megan posted this at 13:38 — 25th October 2006.

She has: 10,232 posts

Joined: Jun 1999

Here are a few sites to try:

http://www.cssplay.co.uk/layouts/threecol.html
http://www.alistapart.com/articles/holygrail
http://www.pmob.co.uk/temp/3colfixedtest_4.htm (check the examples listed on the left side. Ignore the ugliness of those, it's got nothing to do with the code).

Megan
My web design blog

Lithium posted this at 19:13 — 25th October 2006.