Help - Search - Members - Calendar
Full Version: vertical alignment of 3 objects inside a table of uncertain height
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
reformedman
I have a table which contains 3 columns
the left column is a menu
the middle columns is a width spacer
and the right column contains 3 vertical tables

My question concerns this right column with 3 vertical tables.
The previously mentioned left menu column changes height on a weekly basis.
It is always taller in height than the right column.
The right column contains 1 image on the top table, text in the center table, and an image in the bottom table.

How do I justify the bottom image so that it is flush with the bottom of the left menu column's bottom?
The top image and middle text can float preferably top but I want that bottom image locked to the bottom.

The left menu table changes between 500px to about 525px.
I don't mind defining the entire body weekly, right now I defined it:
table border="0" cellpadding="0" cellspacing="0" style="margin:30px 10px 0px 10px; width:705px; height:500px"

I've tried defining the right bottom image with
td valign="bottom"
and I also tried,
td style="vertical-align:bottom"
but neither works for me.

Thanks in advance for any help.
pandy
Please post the URL to a sample page.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.