A rowspan cell grows - how to get only 1 of the adjacent ones togrow?

A rowspan cell grows - how to get only 1 of the adjacent ones togrow?

am 12.01.2008 19:52:27 von jarkko.kuoppamaki

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 () 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:










cell2
cell1
cell3
cell4


thanks in advance,

--Jarkko

Re: A rowspan cell grows - how to get only 1 of the adjacent ones to grow?

am 12.01.2008 20:05:39 von jkorpela

Scripsit Jarkko Kuoppamäki:

> The doctype is 4.01 Transitional,

Why?

>
> cell3

This isn't valid under any of the HTML doctypes.

Posting a real URL for the real page is often a good start.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Re: A rowspan cell grows - how to get only 1 of the adjacent onesto grow?

am 12.01.2008 21:27:49 von jarkko.kuoppamaki

Jukka K. Korpela wrote:
> Scripsit Jarkko Kuoppamäki:
>
>> The doctype is 4.01 Transitional,
>
> Why?

This was given with the task, which is to design 'cell1' so that it has
a certain content. This resulted in cells 2-4 growing, which wasn't what
the task assigner had in mind. Since cells 2-4 were given as well, I
would stay out of modifying them (or the doctype) unless it is really
necessary. In a sense, they become my responsibility if I need to edit
them. In theory anyway.

>>
>> cell3
>
> This isn't valid under any of the HTML doctypes.
>
> Posting a real URL for the real page is often a good start.

The real URL isn't accessible, but I will see if I could get a copy
published. Meanwhile, let me add the missing 's (sorry):












cell2
cell1
cell3
cell4


--Jarkko

Re: A rowspan cell grows - how to get only 1 of the adjacent ones to grow?

am 12.01.2008 22:28:47 von dorayme

In article ,
Jarkko Kuoppamäki
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 () 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:
>
>


>
>
>
>

>
>
>
>
>
cell2
cell1
cell3
cell4

>

Safari 2.0.4 gets you what you want with the above (as long as
cell2 and cell3 have the same "amount" of content). But you might
say more about what you are really doing before anyone here will
try hard to get you as close to what you might be happy with
cross-browser-wise.

--
dorayme

Re: A rowspan cell grows - how to get only 1 of the adjacent onesto grow?

am 12.01.2008 22:50:56 von jarkko.kuoppamaki

dorayme wrote:
> In article ,
> Safari 2.0.4 gets you what you want with the above (as long as
> cell2 and cell3 have the same "amount" of content). But you might
> say more about what you are really doing before anyone here will
> try hard to get you as close to what you might be happy with
> cross-browser-wise.

I'll see if I can get a copy of the original page available. Meanwhile:
cell1 is dynamic content, and depending on the end user's choices,
displaying it may take space a little (no problem) or more.

There used to be two additional cells on top of cell1, which worked
fine: if cell1 grew, cell4 (on the bottom) next to it grew. However, the
two additional cells were taking space and I was asked to remove them. I
did and now I'm asked why cell2 and cell3 are stretched vertically.

It is starting to look like I need to redesign the left side of the
table, even though they were given as a layout that is used everywhere
else on the site in question.

--Jarkko

Re: A rowspan cell grows - how to get only 1 of the adjacent ones to grow?

am 12.01.2008 23:29:35 von dorayme

In article <3Daij.280200$iD7.84220@reader1.news.saunalahti.fi>,
Jarkko Kuoppamäki
wrote:

> dorayme wrote:
> > In article ,
> > Safari 2.0.4 gets you what you want with the above (as long as
> > cell2 and cell3 have the same "amount" of content). But you might
> > say more about what you are really doing before anyone here will
> > try hard to get you as close to what you might be happy with
> > cross-browser-wise.
>
> I'll see if I can get a copy of the original page available. Meanwhile:
> cell1 is dynamic content, and depending on the end user's choices,
> displaying it may take space a little (no problem) or more.
>
> There used to be two additional cells on top of cell1, which worked
> fine: if cell1 grew, cell4 (on the bottom) next to it grew. However, the
> two additional cells were taking space and I was asked to remove them. I
> did and now I'm asked why cell2 and cell3 are stretched vertically.
>
> It is starting to look like I need to redesign the left side of the
> table, even though they were given as a layout that is used everywhere
> else on the site in question.
>
> --Jarkko

Are you noting what I said about browsers? It might be pertinent
at least to mention what browsers you are testing in. It is an
interesting matter how different browsers calculate things
differently.

--
dorayme

Re: A rowspan cell grows - how to get only 1 of the adjacent ones to grow?

am 13.01.2008 15:49:33 von unknown

Post removed (X-No-Archive: yes)

Re: A rowspan cell grows - how to get only 1 of the adjacent ones to grow?

am 13.01.2008 16:01:02 von lws4art

richard wrote:
> On Sat, 12 Jan 2008 20:52:27 +0200, Jarkko Kuoppamäki
> 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 () 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:
>>
>>


>>
>>
>>
>>
>>
>>
>>
>>
>>
cell2
cell1
cell3
cell4


> 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

Re: A rowspan cell grows - how to get only 1 of the adjacent ones to grow?

am 13.01.2008 23:50:45 von Ben C

On 2008-01-12, Jarkko Kuoppamäki 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 () 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:



contents



You don't have to use overflow: hidden of course-- overflow: scroll
might be a better choice.

Re: A rowspan cell grows - how to get only 1 of the adjacent ones to grow?

am 14.01.2008 05:54:53 von unknown

Post removed (X-No-Archive: yes)

Re: A rowspan cell grows - how to get only 1 of the adjacent ones to grow?

am 14.01.2008 05:58:47 von unknown

Post removed (X-No-Archive: yes)

Re: A rowspan cell grows - how to get only 1 of the adjacent ones to grow?

am 14.01.2008 12:33:33 von Ben C

On 2008-01-14, richard wrote:
> On Sun, 13 Jan 2008 16:50:45 -0600, Ben C wrote:
[...]
>>You can usually "force" the exact height like this:
>>
>>
>>


>> contents
>>

>>
>>
>>You don't have to use overflow: hidden of course-- overflow: scroll
>>might be a better choice.
>
> I've seen a few examples of overflow:scroll, where the window created
> was so small, that scrolling with the bar was almost impossible. One
> must consider just how much data is going to be presented in that
> window if scrolling is used.

I agree. Overflow: scroll is fairly horrible. It's generally annoying
to have independently scrolling sub-regions of the page.

But overflow: hidden is a problem because the overflowing content is
hidden.

In general it's better to discourage overflow in the first place and use
overflow: visible.

But the OP asked for a way to make his cells 200px high regardless of
their contents, and this is a way.

Re: A rowspan cell grows - how to get only 1 of the adjacent ones to grow?

am 14.01.2008 16:15:02 von lws4art

richard wrote:
> On Sun, 13 Jan 2008 10:01:02 -0500, "Jonathan N. Little"
> wrote:

>> 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.
>
> How would you know unless you saw the data presented?
> He was asking a legitimate question on the usage of tables. Not what
> was going into it.
> There are possibilities of having tabular data expand in one cell but
> not others.

If it were tabular data then he would not need to set the height of a
cell, the "natural" behavior of a table to expand and contract to fit
the data would suffice. Tables work that way so that the data may vary
in size but the table preserves the grid orientation that aligns rows
and columns with the associated headings.

--
Take care,

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