Salve,

Sto cercando disperatamente di ottenere un layout liquido a tre colonne, con tutte le colonne alte al 100% della pagina.

Di solito uso questo layout:
codice:
<body>
  <div id="sinistra"></div>
  <div id="centro"></div>
  <div id="destra"></div>
</body>
codice:
#centro {
  margin: 0 200px;
  width: 100%;
}

#sinistra, #destra {
  width: 200px;
  position:absolute;
  top: 0px;
}

#sinistra {
  left: 0;
}

#destra {
  right: 0;
}
(solo per farvi capire il tipo di layout, magari manca qualcosa o è impreciso. Inoltre ci dovrebbero essere anche testata e footer)

Ora con questo ho due problemi.
1) Il footer si allunga solo in base al contenuto della colonna centrale. Se invece sono più lunghe le colonne laterali mi sballa il layout tagliandomi il footer.

2) Non riesco ad ottenere l'altezza al 100% per le due colonne laterali

Questo problema ce l'ho con un pò tutti i tipi di layout e mi premerebbe capire come funziona l'utilizzo del height:100% visto che sembra non avere quasi mai effetto.

Ho trovato questo articolo ma copiaincollando il codice suggerito non si ottiene quello che invece mostra nella spiegazione.

Mi date una mano?