Posted by Jarkko Kuoppam�ki on 01/12/08 18:52

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

• Next in forum: Re: Google caches Greek page in Russian
• Prev in forum: Re: analolog clock in the web page
• Thread view: A rowspan cell grows - how to get only 1 of the adjacent ones to grow?

[Reply to this message]