Posted by NvrBst on 01/11/08 01:19

On Jan 10, 4:53 pm, "Jonathan N. Little" <lws4...@centralva.net>
wrote:
> NvrBst wrote:
> > Hehe sorry don't have a URL yet...  
>
> Well you can upload an example. Use your ISP's personal webspace or some
> free server...
>
> 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.
>
> 1) There is no value "justify" for property "vertical-align". Valid values:
>
> baseline | sub | super | top | text-top | middle | bottom | text-bottom
> | <percentage> | <length> | inherit
>
> Anyway if you wish to duplicate your three table layout with one, then
> you need colspan 2 not 3
>
> <table>
> <tr><td rowspan="2">*Menu*</td><td>*Data1*</td></tr>
> <tr><td>*Data2*</td></tr>
> </table>
>
> --
> Take care,
>
> Jonathan
> -------------------
> LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com- Hide quoted text -
>
> - Show quoted text -


The Example I gave above was this though (So I think I'd need
rowspan=3).
<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>

I need the "vertial-align:justify;" cell so that vertical stretching
doesn't occur in the *Data1* and *Data2* cells. I know there is no
justify for vertical alignment but I stated it because that is the
kind of effect I need.

If I use your example (using rowspan=2) then I'd have the problem (as
labled in the inital post) of *Data2* cell being stretched when *Data1*
+*Data2* height is less than *Menu*

NB

[Back to original message]