Komórka tabeli HTML zmienia rozmiar podczas zmiany rozmiaru zawartości - html, html-table, cell

Tutaj jest jsFiddle.

Oto kod:

<table>
<tr>
<td id="td00" rowspan="2">
<textarea>A very1 </textarea>
</td>
<td id="td01">
<textarea>A very2 </textarea>
</td>
</tr>
<tr>
<!--td>
<textarea>A very3 </textarea>
</td-->
<td>
<textarea>A very4 </textarea>
</td>
</tr>
</table>

The css:

table, td
{
border:1px solid black;
}

table
{
height:400px;
width:400px;
table-layout:fixed;
}
#td01, #td00
{
height:100%;
}

Kiedy zmieniam tekst w komórce z row = 0 i col = 0, komórka z wierszem = 1 i col 1 również się zmienia.

Potrzebuję ustalenia rozmiaru komórek.

Odpowiedzi:

To nie jest idealne, ale myślę, że zrobi to, co chcesz, musisz ustawić stałą pozycję do td i stałą wysokość, więc nie wiem, czy wszystko w porządku z twoim projektem.

HTML:

<table>
<tr>
<td id="td00" rowspan="2">
<textarea>A very1 </textarea>
</td>
<td id="td01">
<textarea>A very2 </textarea>
</td>
</tr>
<tr style="position:fixed;">
<!--td>
<textarea>A very3 </textarea>
</td-->
<td >
<textarea>A very4 </textarea>
</td>
</tr>
</table>

CSS:

   table, td{
border:1px solid black;
}

table {
height:400px;
width:400px;
table-layout:fixed;
}
#td01
{
height:320px;
}

PRZYKŁAD: SKRZYPCE