CSS design

Zdravím,

potřebuji poradit něco jednoduchého, čím bych vyřešil tento problém, je to takový menší úkol do školy, taková prkotina:

mám web udělaný pomoci tabulek
clip2net.com

a chci totéž udělat přes CSS
Udělal jsem DIV, který obaluje celý web a centruje ho (margin: 0 auto;)

další 2 DIVy jsou pro HEADER (logo) a horizontální menu pod headerem (cca 35px)

Potom chci udělat 3 sloupce, krajní budou na menu, prostřední bude rozdělen - nahoře bude takový malý obdelník (šířka menu-celková velikost stránky a výška podle obsahu textu v obdelníku) a zbytek bude klasický obsah webu.

Dole bude patička.

Otázka zní: jak zařídit, aby ty 3 sloupce byly stejně vysoké (tzn. pokud bude levé menu delší než obsah i pravé menu, tak se vertikální velikost určí podle něj, pokud bude obsah nejdelší, tak podle obsahu, apod...) a aby patička na ně přesně "sedla".

JavaScript se dá vypnout, tudíž hledám něco jiného.

Za odpovědi děkuji