Forum Moderators: open
I'm trying to align a couple of tables (some nested within a larger one) to the bottom of the browser window, this is the only content on the page. I tried using the height="100%" table method but this doesn't work on IE/PC or in Mozilla. I've also tried using some various methods of using <div>'s with vertical-alignment that I found searching these forums, but have still been unable to do it, or find any information on how to do it (only in different cases with methods that don't work in my situation.)
Also, if I wanted to have a table sit at the top at the same time, would this be possible with the same method?
Does anyone have any ideas on how to do this? And still remain compatible with all modern browsers (IE 5+, Mozilla, Safari)?
Any help would be highly appreciated, thanks!
If you want to stick to tables (take a look atound the CSS Forum [webmasterworld.com] for aother approach! ;)) you would need a containing table that is 100% high.
You couls split this into 2 rows and put a valign="top" to align anything in the top row to the top of the page, a valign="bottom" top align anything in the bottom row to the bottom of the page.
Valign is deprecated so you may want to use CSS to achieve the aligment using the vertical-align: rule.
