|
|
Posted by Ben C on 01/13/08 22:50
On 2008-01-12, 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?
You can set explicit heights on the cells you want to stay those
heights-- so if you can set the two you want to stay as they were to
some actual height then that might be an option (but see below).
But if they're all auto height, the browser will distribute the extra
space required by the spanning cell to the other ones in some undefined
but usually vaguely even-handed fashion.
You can't control it more precisely than that. There is nothing in the
specifications to say exactly how this should be done.
> 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.
You can usually "force" the exact height like this:
<td style="height: 200px">
<div style="height: 200px; overflow: hidden">
contents
</div>
</td>
You don't have to use overflow: hidden of course-- overflow: scroll
might be a better choice.
Navigation:
[Reply to this message]
|