[HTML] Problema con gli sfondi delle tabelle

[ferra76]

Volevo sottoporvi un problema:


Listato1
---------
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td>
<!--left-->
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="back1.gif" width="250" height="24" colspan="2">
testo<br> testo<br> testo<br>testo<br></td>
</tr>
</table></td>
<td>
<!--right-->
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="back2.gif" width="530" height="21" colspan="2">
testo<br> testo<br> testo<br></td>
</tr>
</table></td>
</tr>
</table>

Ciao, devo assolutamente avere una risposta per non perdere un'altra notte sveglio.
Ho una tabella formata da due colonne. queste due colonne hanno ognuna uno sfondo
ed ognuna contiene del testo variabile. quando nella colonna a sinistra immetto
altro testo la colonna si allunga e cosi deve fare anche la colonna a destra.
Il problema è lo sfondo delle colonne. Cioè a sinistra effettivamente compare
lo sfondo in tutta la colonna, a destra invece compare lo sfondo fin dove arriva
il testo. (Listato1)


------1-------------2

----------------------------
!testo.........!testo......!
!testo.........!testo......!
!testo.........!testo......! <---sfondo2
!testo.........!...............!
!testo.........!...............!
!testo.........!...............! <---sfondo1
----------------------------


Listato2
---------
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td>
<!--left-->
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="back1.gif" width="250" height="24" colspan="2">
testo testo testo</td>
</tr>
</table></td>
<td background="back2.gif">
<!--right-->
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="back2.gif" width="530" height="21" colspan="2">
testo testo testo</td>
</tr>
</table></td>
</tr>
</table>

Con il Listato2 ho risolto l'inconveniente mettendo lo sfondo non solo nella colonna
che contiene il testo, ma anche nella cella che contiene la tabella che rappresenta la
colonna destra. In questo modo lo sfondo non compare solo nella zona che contiene il testo
ma anche nella zona della colonna senza il testo. Perche il Listato3 non funziona allo
stesso modo, ho solo spostato lo sfondo
dalla cella che contiene la tabella alla tabella stessa, che teoricamente occupa
tutta la cella.


Listato3
---------
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td>
<!--left-->
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="back1.gif" width="250" height="24" colspan="2">
testo testo testo</td>
</tr>
</table></td>
<td>
<!--right-->
<table border="0" cellpadding="0" cellspacing="0" background="back2.gif">
<tr>
<td background="back2.gif" width="530" height="21" colspan="2">
testo testo testo</td>
</tr>
</table></td>
</tr>
</table>

Posso fare in modo che la tabella si estenda a tutta la cella in cui è contenuta?
height=100% non funziona