Match height of greater column

This might be a javascript problem, but I want to see if there's any way in CSS to do it first.

I have two floating divs, one wide on the left contains the "content" of the page, the second narrow one contains a skyscraper (vertical) advertisement.

Since the height of the content could be more or less than the advertisement, I want the advertisement column to match the content height IF the content is longer, or the content height match the advertisement if content is smaller than the advertisement-container height.

If I set a minimum height the content will still extend past it if the content is long, I don't want to add scroll bar to content div.

Here's an example page:

http://www.zankobooks.com/faq

Thanks for any help, I think I can do it with javascript, but I'd have to assign IDs to the divs and make sure all the content containers on all pages have the same ID. THEN i'll be able to put it in my global js file to match the height values.

Thanks!



Dan

re: Match height of greater column

I'm on the road so I can't look up my solution. Couple options. Google for 'faux columns'. Personally, I find it icky but a lot of people use it. Second option is using absolute positioning but that may complicate things. And c) would require wrapping a couple additional divs around the whole thing but may not be as complicated.

So, for that, google for "equal height css columns".

re: Match height of greater column

Equalising Columns in CSS