How to make sidebar's height equal to the content height (two columns table with divs)?

Question

I've created 2 columns layout - content div and sidebar div, with header and footer. See the live example here . How can I make sidebar's height equal to the content height (ie I should have something equal to the table with 2 columns).

I use jquery and jquery ui.

Answer 1

I've used this technique before to solve this exact problem and it works nicely:

http://www.filamentgroup.com/lab/setting_equal_heights_with_jquery/

Answer 2

If you want a CSS solution, look into Faux Columns . You essentially fake the column with a repeating background image. The linked article is just an example, you can Google up 100 articles on it.