CSS layout

Prosím nevíte jak mám udělat aby byla hlavička široká 100%, levé menu 220px a obsah aby byl plovoucí...? Předem díky za odpověď.

Vytvoříš obálku, která bude mít width=100%.
Do něj vložíš hlavičku, která se přizpůsobí obálce. Jen nastavíš výšku.
Levé menu provedeš obtékáním float: left; width: 220px;. A pak jen vložíš obsah bez nějakých parametrů.

<div style="width:100%">
<div>Hlavička</div>
<div style="float: left; width: 220px;">Menu</div>
<div>Obsah</div>
</div>

Je to jen hrubý příklad od hlavy.

Tak jsem to udělal tak jak si řekl a vždycky tam jak zkončí levé menu tak tam začne obsah zasahovat do levého menu.... :-)

Myslíš, že je dobré řešení když jsem dal obsahu padding-left: 220px;? Nebo máš nějaké lepší řešení?

To raději margin-left. Ten má na starost obsazení (vnější okraj). Poznáš to na použitím okrajů a pozadí.
Jinak je to dobré řešení. Sám to používám.

Dobře tak díky moc...