Tables

[InNeedofHelp]

I've got a table with 3 columns and 3 rows. The two columns to the right have rowspan=3, and so i've got one column on the left that consists of 3 table cells, and two columns (middle & right) that contain one cell each. I want the bottom cell on the leftmost column to adjust it's height such that the two cells above it in the same column have the same height at all times based on the content they have within them.

So basically there's a cell in the bottom left of my table that I want to extend to match the center column, so that my two cells above it don't change in height when the center column grows in length.

How do i do that?

[Elkidogz]

so


<table width="100">
<tr>
<td></td>
<td rowspan="3"></td>
<td rowspan="3"></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>


is what you have...

and you want the the bottom <td> to encompass the entire remainder of whatever the other rowspan's encompass?

I think you can do this by setting the height's of the first two explicitly or setting the third to a % (66% perhaps)


<table>
<tr>
<td height="200"></td>
<td rowspan="3"></td>
<td rowspan="3"></td>
</tr>
<tr>
<td height="150"></td>
</tr>
<tr>
<td ></td>
</tr>


if you do itthis way the third one will continue to the bottom of however long the other collums are.

or




<table width="100">
<tr>
<td></td>
<td rowspan="3"></td>
<td rowspan="3"></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td height="66%"></td>
</tr>