column backgrounds (CSS equal height columns)

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

DDoSAttack's picture

He has: 38 posts

Joined: Oct 2006

Do you have a link???

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's picture

She has: 11,421 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".

They have: 7 posts

Joined: Oct 2006

Thanks for the tip Smiling

Megan's picture

She has: 11,421 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).

They have: 7 posts

Joined: Oct 2006

thanks, i finally got it straight Smiling

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.