setting image at bottom of page -- help?

[LeafWind]

I am currently working on a site with a bordered background, with buttons on the right border, so I'm using tables . . . I am also doing this with SSI's, so that the within the column on the right border, I'm just calling an include with all the buttons in it. Okay, all is good -- am I making sense so far?

Now what I want to do, is have the nav buttons for the site all nicely lined up on the border starting at the top, then at the very bottom of the page at the bottom of that column, I'd like to put another button. How do I align it at the very bottom? I know I could move it down with
and such, but that's awfully sloppy, I can't align it with the bottom of the main column that way depending on how much text is in the main column, the width of people's monitors (and therefore how many words per line, etc).

Now, I did find this one reference to this problem, claiming to have a perfectly functional solution, at http://zeldman.com/qaf.html (scroll down, it's the last question on that page of the faq). Except I tried their solution, and it just doesn't work for me (working in NS 4.5) when I put their recommended table inside my column.

Can anyone give me any other tips? Right now I'm thinking I'm going to have to tack a new row on the bottom of my table and put it in there, take a corresponding chunk off the content of the main column and put it in the corresponding column of the second row, and see if I can make that look seamless . . . hmm . . . I'd still like to know if there's another way.

Thanks!

Bekariso

------------------
www.LeafWind.com (http://www.LeafWind.com)
Growing web sites that thrive in the winds of change.

[Justin]

Ok, if I understand right, you basically want a button to be at the bottom of the page no matter how big the browser window is (eg, screen resolution). If so, here's a way:

<table border=0 width=200 height=100%>
<tr>
<td valign=top>
hello
</td>
</tr>
<tr>
<td valign=bottom>
hehe
</td>
</tr>
</table>
</body>

Basically, the hehe goes right at the bottom of the table. If the page itself is big enough to require scrolling, though, the hehe would go at the bottom of the page, not necessarily at the bottom of the window. But this will ensure that if the rest of the page doesn't fill it to the point of scrolling, it will be at the bottom.

Where "hello" is, you would put the other buttons, and they will align at the top.

The deal is that if the table is within another table, it won't work unless you set the main table height to 100% also. Otherwise this table is 100% of whatever is available for it.

I hope I explained this right... anyway I did try the above and it worked fine by itself, so it should work within other tables as long as their height is 100% as well. You may have to do other tricks if you nest too many tables. Basically, with tables, it's all trial and error (I haven't tried it yet in Netscape, but it should be fine there too http://www.aota.net/ubb/smile.gif). When I get stuck I just try the obvious first, then keep tinkering with things until it works. I find it helpful to make little test pages like the above, then work it in to the final page http://www.aota.net/ubb/smile.gif

Hope this helps http://www.aota.net/ubb/smile.gif


------------------
Justin Nelson
FutureQuest Tech Support


[This message has been edited by Justin (edited 03-18-99).]

[LeafWind]

Thanks Justin

I had tried a lot of variations on what you suggested there, with no success, although I didn't actually try a simple "test" like you said and work up from there.

I actually went with the second row at the bottom of the main table, and that works out very nicely, so I'll probably leave that alone for now, though I may still play with your solution some more and see if I can get it to work so that I also have that little technique, if I should need it again.

Thanks muchly,

Bekariso