Posted by richard on 01/13/08 14:49

On Sat, 12 Jan 2008 20:52:27 +0200, Jarkko Kuoppamäki
<jarkko.kuoppamaki@gmail.nospamplease.com.invalid> wrote:

>
>I have a table consisting of a rowspan=3 cell and three normal size
>cells on top of each other, on the left side of the first one. If the
>tall one grows (due to its content) vertically let's say double, the
>height of other 3 cells double, too. I would need two of those to stay
>as they were and the last one to grow 4 times its height. How do I
>accomplish this?
>
>I've tried the height parameter of the cell (<td>) or the css defition.
>However, this (I believe) defines only the minimum height that will
>expand if the contents so require.
>
>The doctype is 4.01 Transitional, but I guess it could be changed if
>needed. A solution compatible with all browsers would be ideal, most
>browsers sufficient and if nothing else fails, I'd be willing to accept
>even a IE-only compatible one.
>
>To illustrate:
>
><table border=1>
> <tr>
> <td>cell2</td>
> <td rowspan=3><div style="height:300px">cell1</div></td>
> </tr>
> <td>cell3</td>
> </tr>
> <td>cell4</td>
> </tr>
></table>
>
>thanks in advance,
>
>--Jarkko

One solution might be to use two tables side by side.
That way, the adjacent cell won't react to what the growing cell does.
Unless your table is much more complicated than shown, try using pure
divisions instead of a table format.

[Back to original message]