ciao,
ho un preblemino...

ho un div "contenitore" che voglio sia alto il 100% della pagina dentro a questo div ho altri div a dimensione variabile sia con altezza in px che con altezza in %... il problema/i sono i seguenti:

- il div contenitore mi da l'altezza 100% e fin qui ok, però se dentro al contenitore inserisco un div (#tabella) e dentro a questo div metto molto testo non si ridimensiona;

- il #layer2 mi esce dal div #contenitore io vorrei che si regolasse di altezza in base al div #contenitore

allego img per capire meglio


Codice PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
html,body {
    text-align: center;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    height: 100%; /* serve per mettere altezza in % quindi visualizza a tutto schermo */ 

}
#contenitore {
    text-align: left;
    width: 768px;
    margin: 0 auto;
    background-color: #00CC66;
    position: relative;
    top: 0;
    height: 100% !important;
    height: 100%;
    min-height: 100%;
    /* height: 100%; /* sistema le cose in IE */

}
#Layer1 {
    position:absolute;
    left:0px;
    top:0px;
    width:22px;
    height:51px;
    z-index:1;
    background-color: #00FF99;
}
#Layer2 {
    position:relative;
    left:0px;
    top:51px;
    width:24px;
    height:100%;
    z-index:1;
    background-color: #99FF00;
    background-image: url(file:///C|/Documents%20and%20Settings/Laboratorio/Desktop/baby.jpg);
    background-repeat: repeat;
}
#tabella {
    position:absolute;
    left:222px;
    top:0px;
    width:255px;
    height:148px;
    z-index:1;
}

-->
</style>
</head>

<body>
<div id="contenitore">
  <div id="Layer1"></div>
  <div id="Layer2"></div>
  <div id="tabella">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td></td>
      </tr>
      <tr>
        <td>gfhgfhgfhfghhfgh</td>
      </tr>
      <tr>
        <td>fghfghfghgfh</td>
      </tr>
      <tr>
        <td>hfghfhhfdhdfg</td>
      </tr>
      <tr>
        <td>lhlljhljh</td>
      </tr>
      <tr>
        <td></td>
      </tr>
      <tr>
        <td>ljhljhlj</td>
      </tr>
      <tr>
        <td>ljhljhl</td>
      </tr>
      <tr>
        <td></td>
      </tr>
      <tr>
        <td>ljhljhl</td>
      </tr>
      <tr>
        <td>ljhljhljh</td>
      </tr>
      <tr>
        <td>

gfhgf</p>
        

hgfhdgf</p>
        

hgfhgfh</p>
        

gfhfgh</p>
        

fghfgh</p></td>
      </tr>
      <tr>
        <td>,bhbjh</td>
      </tr>
      <tr>
        <td>khjbkhbkj</td>
      </tr>
      <tr>
        <td>hbkjhbkjhbkjhb</td>
      </tr>
      <tr>
        <td>

jhhkhbkhbjhbjhbjhbjhb</p>
        

hfghfg</p>
        

hfghfg</p>
        

hgfhgfh</p>
        

gfh</p>
        

gfh</p>
        

fgh</p>
        

fg</p>
        

hfg</p>
        

h</p></td>
      </tr>
    </table>
  </div>
</div>

</body>
</html>