Ho una pagina html fatta con una tabella (lo so che le tabelle non vanno
usate ma ormai questa è così e mi va bene lasciare la tabella).
Il codice (che ho depurato di tutti i contenuti lasciando solo la tabella) è
questo:
<html>
<body>
<div align="center">
<table width="984" height="200" cellpadding="10">
<tr>
<td height="258" colspan="2"><p align="center">

Intestazione</p> </td>
</tr>
<tr>
<td width="155" height="152">
<p align="center">Contenuto1<td width="819" rowspan="4" valign="top">
<p align="center">Contenuto principale</td>
</tr>
<tr>
<td height="169">
<p align="center">Contenuto2</td>
</tr>
<tr>
<td>
<p align="center">Contenuto 3</tr>
<tr>
<td height="76" bordercolor="#333333">
<p align="center">Cella vuota</tr>
<tr>
<td colspan="2"><div align="center">


Piè di pagina</p>
</div></td>
</tr>
</table>
</div>
<p align="left">
</p>
</p>
</body>
</html>

Quindi praticamente la pagina risulta così:

Ora vorrei che quando cellaconcontenutoprincipale si "riempie" di contenuti
le prime tre celle laterali (cellaconcontenuto1, 2 e 3) rimangano di
dimensione fissa e sia solo "cellavuota" ad aumentare di altezza in
conseguenza all'aumento di "cellaconcontenutoprincipale". Invece, ora come
ora, aumentano di altezza tutte le celle laterali proporzionalmente
all'aumento della cellaconcontenutoprincipale (azni mi pare che addirittura
le prime celle aumentino proporzionalmente di più rispetto a quelle più in
basso.

Insomma, come devo modificare il codice sopra per fare in modo che l'unica a
variare in altezza sia "cellavuota"?

Scusate in anticipo per la niubbiagine della domanda.

Grazie.