Posted by NvrBst on 01/11/08 00:26

On Jan 10, 4:13 pm, dorayme <doraymeRidT...@optusnet.com.au> wrote:
> In article
> <c06ed205-11ee-44e8-a012-4ff956ac2...@h11g2000prf.googlegroups.co
> m>,
>
>
>
>
>
>  NvrBst <nvr...@gmail.com> wrote:
> > This is probably a basic question but seems to be hard for me to find.
>
> > How do you tell a cell to take up all the vertical space it can? (By
> > default the 1st cell does it but I want the 3rd to).  style="height:
> > 100%;" doesn't work and can't find a "vertical-align:justify;"
> > option.  Below is what my table looks like.
>
> > 1 2
> > 3 4
> > 5 6
>
> > 1/3/5 are all merged with rowspan=2.  Cell 2 has to fit its data.
> > Cell 4 has to be right under Cell 2 always.  I want Cell 6 to take up
> > any extra room with blank space so that Cell 1 or 4 arn't stretched
> > (Cell 4 has special background).
>
> > Note:
> > 1 2
> > 3 4
>
> > This situation would also be fine (1/3 merged).  It works the way I
> > want it to when Cell 2 is higher than the data in 1/3.  But when data
> > in Cell 2 is small then Cell 2 gets stretched which I'd like to
> > advoid.
>
> Excuse me while I pray:
>
> Dearest God Almighty, greatest of all HTML authors, Please make a
> subscriber who has a complicated question supply a f*ing url.
> thank you.
>
> PS. And wipe all those tut tuts from the faces of your most
> faithful servants.
>
> --
> dorayme- Hide quoted text -
>
> - Show quoted text -

Hehe sorry don't have a URL yet... I was able to acomplish what I
want by seperating column 1 and column 2 into 2 seperate tables and
then putting both tables into a new table. If someone has a more
elegant solution please tell. Below is how my solution looks like in
code form if it helps

<table style:"vertial-align: top;"><tr>
<td> <table><tr><td>*Menu*</td></tr></table> </td>
<td> <table><tr><td>*Data1*</td></tr><tr><td>*Data2*</td></tr></
table> </td>
</tr></table>


Using 3 tables isn't that elegant though... This is what I'd like it
to look like, what it was before (In code form)
<table>
<tr>
<td rowspan="3">*Menu*</td>
<td>*Data1*</td>
</tr>
<tr><td>*Data2*</td></tr>
<tr><td style="vertial-align:justify;"></td></tr>
</table>

What doesn't work in the this way is the "vertical-align:justify;"
line. I've tried setting the cells above it to "height: auto;" (which
is suppose to give it the min size they can be) and then leaving the
last cell with no height set but that didn't work either.

NB

[Back to original message]