Questa è la pagina
codice:
<html>
  <head>
    <title>Titolo - Home page</title>
    <link rel="stylesheet" type="text/CSS" href="stile.css" />
  </head>
  <body>
    <div id="container">
      <div id="header">
        header
      </div>
      <div id="navigation">
	navi

	navi

	navi

      </div>
      <div id="content">      
        CONTENUTO
      </div>
      <div id="footer">
        Footer
      </div>
    </div>
  </body>
</html>
Questo è il foglio di stile:
codice:
html{
  background-color: cyan;
}


#container{
  width: 800px;
  background-color: white;
}

#header{
  background-color: silver;
}

#navigation{
  background-color: red;
  width: 150px;
  float: left;
}

#content{
  background-color: blue;
  width: 800px;
}

#footer{
  background-color: yellow;
  clear: both;
}
La colonna rossa è la barra di navigazione e il riquadro blu il contenuto della pagina. Vorrei riuscire a fare in modo che funzionino esattamente come se fossero fatte con una tabella: il footer deve stare sempre in fondo alla pagina (quindi anche se il contenuto è poco deve stare in fondo alla finestra), inoltre la barra di navigazione e il contenuto devono allungarsi insieme (cioè, anche se la barra di navigazione ha poche righe, deve continuare a crescere man mano che cresce il riquadro content). Ovviamente, anche se i due riquadri fossero vuoti, devono arrrivare fino al footer!
Tutto questo è possibile?
Se si qualcuno è così gentile da indicarmi come? Ho fatto diversi tentativi ma non c'è stato verso!