tanto per farvi capire, ecco un semplcie listato che crea una videata con 5 colonne DIV verticali affiancate e un rettangolo blu nel DIV centrale:

Codice PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title></title>
  <style type="text/css">
    html, body, #container {
      margin: 0px;
      padding: 0px;
      width: 100%;
      height: 100%;
      border: 0;
    }

    .sx1 {
      float: left;
      top: 0px;
      width: 5%;
      height: 100%;
      background-color: red;
    }

    .sx2 {
      float: left;
      top: 0px;
      width:10%;
      height: 100%;
      background-color: green;
    }

    .centrale {
      float: left;
      margin: 0px auto;
      top: 0px;
      width:70%;
      height: 100%
    }

    .alto {
      float: left;
      top: 300px;
      width:30%;
      height: 120%;
      background-color: blue;
    }
</style>
</head>

<body>
  <div id="container">
    <div class="sx1"></div>
    <div class="sx2"></div>
    <div class="centrale"><div class="alto"></div></div>
    <div class="sx2"></div>
    <div class="sx1"></div>
  </div>
</body>

</html> 
Il rettangolo blu scende oltre il fondo dello schermo, dato che la height di container è 100%. Se però vorrei che anche il container contenga tutto il riquadro blu in teoria dovrei usare height: auto nella definizione di html, body,#container, ma non funziona!
Pertanto come posso fare in modo che l'altezza height del container si adatti perfettamente al height del riquadro blu?
lo chiedo perchè ho a che fare con una tabella mysql dinamica che spesso e volenieri "deborda" in basso sullo schermo!