[help] forcing a column to extend to the bottom of the page

[Cruelty]

so i've got a problem regarding a two column layout. when one column becomes longer than the other, it looks bad because i need both to extend equally. i can usually fix this with html documents, but i'm using css and php, seeing as this is a wordpress layout. i have no idea how to do this with css (ive not used it until 2 days ago), and i don't really know the right terms to just google it and find out for myself.

i could always just set a BG image to make it LOOK like the column extends to the bottom, but i'm using rounded edges, and i've already got 2 background images as it is.

so what's a practical to make a column extend to the bottom of the page?

btw screen incase i explained that poorly.
http://img167.imageshack.us/img167/6707/columnqd3.jpg

 

[Muse]

Use tableeeeeeesssssssssssssss....

j/k, j/k. XD

I wasn't able to think of/find a good method of doing it, but here's one way of doing it via positioniseverything.com. It works on most modern browsers/computers, but it tends to freak out on older versions of IE (But then, what doesn't? =\ )

Put this into your CSS for the right column:

padding-bottom: 32767px;
margin-bottom: -32767px;

And make a wrapper div like so:

#wrapper {
	overflow: hidden;
	}

And put that div around your content and right column divs, like

<div id="wrapper">
<div id="content"></div><div id="right"></div>
</div>

Something like that. I hope it works for you! I'm not sure about how this would work with the rounded edges, but maybe... ^_^'''

 

[Cruelty]

the wrapper method worked like a charm. i feel like i should have figured that out by myself. thanks, bro. :}