Buongiorno a tutti.

Sono di fronte ad un problema:

avrei bisogno di creare una tabella composta da tre righe, la prima della quale alta 100px; e le altre due, il 50% dell'altezza rimanente.
In pratica ho bisogno di avere una tabella con tre righe, la prima delle quali ad altezza fissa e le altre due ad altezza variabile ed uguale.

Ho provato cosi:


<div id="corpo">
<table cellspacing="0" id="tabella_corpo">
<tr>
<td style="height: 100px;">
</td>
</tr>
<tr>
<td class="box" style="background-color: #f00;">
</td>
<td class="box" style="background-color: #0f0;">
</td>
<td class="box" style="background-color: #f00;">
</td>
</tr>
<tr>
<td class="box" style="background-color: #0f0;">
</td>
<td class="box" style="background-color: #f00;">
</td>
<td class="box" style="background-color: #0f0;">
</td>
</tr>
</table>
</div>





Ed il css:



#corpo{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}

#tabella_corpo{
padding: 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}


.box{
text-align: center;
font-size: 30px;
color: #000;
position: relative;
width: 33%;
min-width: 320px;
}



Tutto bene tranne in IE in retrocompatibilità.

Qualcuno potrebbe darmi una mano?

Ringrazio tutti per l'eventuale interesse.