-
Bloccare altezza cella
Salve, mi trovo davanti ad un problema che non riesco a risolvere.
Allora facciamo che ho una tabella tipo questa http://electronic.altervista.org/test.html
Codice HTML:
<body>
<table align="center" width="800" height="600" border="1">
<tr>
<td width="200" height="200" border="1"> cella1 </td>
<td rowspan="2" width="600">cella3</td>
</tr>
<tr>
<td width="200" height="400" border="1"> cella2</td>
</tr>
</table>
La tabella è elementare si tratta di una tabella 800x600 divisa in 3 celle la cella1 200x200, la cella2 200x400 e la cella3 ovviamente sarà 600x600
Il problema è che quando si inserisce del testo nella cella3, che eccede l'altezza della cella, questa si allunga, e quindi si allunga tutta la tabella.
Allungandosi la tabella , si allungano pure la cella1 e la cella2.
La soluzione ottimale sarebbe di inserire uno scroll nella cella3, ho cercato un pò in rete, il comando dovrebbe essere overflow="auto", ma non mi riesce di farlo funzionare.
In alternativa potrei pure inserire una quarta cella sotto cella1 e cella2, e fare in modo di far allungare solo questa, in modo che cella1 e cella2 rimangano sempre della stessa altezza.
Qualcuno è in grado di aiutarmi?
Grazie.
-
Prova con
Codice HTML:
<td style="overflow-y:scroll" rowspan="2" width="600">cella3</td>
-
Grazie per la risposta, ho provato, ma purtroppo non funziona.
Questa è la tabella come è in origine http://electronic.altervista.org/test.html
Questa è la tabella dopo la modifica http://electronic.altervista.org/test1.html
Come si vede, inserendo del testo nella cella3, questa si allunga, e quindi fa allungare pure cella1 e cella2.
Io vorrei invece che all'allungarsi di cella3, si allunghi solo cella2, rimanendo quindi di altezza fissa la cella1.
