How to float an image aligned with the bottom of a varying height table?
Posted on 2008-10-08
I have a web page where the content is displayed in a table. The content will vary so the height of the table may vary. The customer wants an image to be floated behind the table, which I figured out, but they want the bottom of the image aligned with the bottom of the table.
Here's what I have:
<Table style="z-index:2; position:absolute; left: 0px; top: 0px;">
table content here
<IMG src=source url style="vertical-align:bottom; z-index:1; position:absolute; left: 0px; top: 0px;">
This doesn't work.
I assume I need to do something with FLOAT but I'm not a CSS guy so I could be way off.
Any help would be greatly appreciated.