Height 100% con header a 65px

[jesus]

Ciao a tutti,
ho provato a ricercare e a leggermi gli articoli sulla costruzione dei layout css, ma non ho trovato le risposte che cercavo.

Ho un problema. Devo avere un layout ad altezza 100%:
HTML

...
<div id="container">
  <div id="header">...</div>
  <div id="content">...</div>
</div>
...

CSS

...
html, body {
  height: 100%;
  margin: 0; padding: 0;
}
#container {
  height: 100%;
}
#content {
  height: 100%;
}
#header {
  height: 65px;
}
...

Il layout "100%" funziona ma il div #content "sborda" in basso di 65px (l'altezza del #header). Ho provato a giocare con il padding-bottom e il margin-bottom al div #content ma non ci sono riuscito.

Avete qualche consiglio da darmi?

Grazie.

[Henry.Chinaski]

A naso direi che se il container è "alto" 100% ed il content altrettanto difficilmente potrai metter dentro qualcos'altro senza strabordii.
Inoltre se non sbaglio, imporre un'altezza non è cosa proprio consigliata.
A questo punto prova con un container al 100%, un content al 90 (o come ti pare) e di conseguenza così per tutti gli elementi contenuti. Purchè tra loro sommati non vadano oltre ad una percentuale pari a 100 che è il contenitore.