Annoying table

[wonderboy]

Hey, I am using a table, and I want a simple navigation table to be placed at the top of it, and a watermarked image at the bottom of it no matter how tall it is vertically... I have tried using several tables and percentages and valign... None of it is working though, any ideas?

W.

[BlobFisk]

On top as in above or covering it? If you want it covering it thenn how about using a <div>?

You could use an extra row at the top of the table for the navigation and a row at the end for the image... I'm not 100% sure exactly what you mean though!

[wonderboy]

Hehe, reading back neither do I!

I will try to be more clear:

The page in question will vary in length, I need for my watermarked image to stay at the bottom of the page at all times (but within the table) - In the same table is a navigation table that needs to be at the top at all times...

Cheers,

W.

[edited by: BlobFisk at 5:02 pm (utc) on Sep. 14, 2004]
[edit reason] No URLs please! See TOS [webmasterworld.com] [/edit]

[encyclo]

Have you tried:

body {
background:#fff url(watermark.jpg) bottom left no-repeat;
}

Assuming the left column has the inherited body color.

[BlobFisk]

How about using a percentage based system for your main table, with it's overall height being 100%. (You can use <div>s here to contain your table, but I'm going to assuming that you'll nest your tables within the contatining table).

Your main table will have 2 rows and 2 columns. The top row will span the two columns and be your header. Set this to say 10%.

Your second row will be 90% in height and the left column could contain your nested navigation table. This table can be set to 100% in height so that it uses all available space. Then the image can be set to sit at the bottom of this table.

HTH

[wonderboy]

I sorted it out using valign... Not a clue why it wasn't working before. 1 Table with 100% height, 2 rows, the bottom row has watermark with valign="bottom" - top row has valign="top"... Works a treat.
Thanks for your suggestions,

W.

[mattglet]

doesn't table height = "100%" only work correctly in IE?