Posted by Jonathan N. Little on 01/13/08 15:01

richard wrote:
> 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>

> 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.

Or not use a table at all since it is most likely not tabular data.

The ol' "Why is it so hard to drive nails with this screwdriver" question.


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]