Preserved Topic: How to place an element always at the bottom of the screen (Page 1 of 1)

I would like to be able to position a bottom border element so that it is always at the bottom of a page, no matter what resolution the screen is being displayed in.

The site in question is here: www.smileycat.com/ellenwang/

As you can see, at higher resolutions the bottom border is too high up on the screen. It would be great if by using some kind of dynamic table this part of the page could always run along the bottom of the screen. It seems to me that setting the table height to 100% doesn't fix this problem as the table will only be as long as the content contained within it (not much in this case). It needs to work in NS4.7 too.

Thanks in advance for any help you can provide.

a blind squirrel http://www.smileycat.com

[This message has been edited by a blind squirrel (edited 04-28-2002).]

[This message has been edited by a blind squirrel (edited 04-28-2002).]

[edit: I completely misunderstood the question!!! Sorry]

abs: The many ways of doing this are:

1. Frames - boo.

2. CSS - position:fixed; - not good cross-browser support.

3. DHTML.

There are a variety of scripts around that will do this depending on what you want - for simple ones do a search for DHTML and watermark in Google.

Emps

[This message has been edited by Emperor (edited 04-27-2002).]

Actually setting the table height to 100% will make it fill the whole screen. Setting a table height to 100% means "100% of my parent" so if the table's parent is the body it will fill that space.

The trick is that you need what is inside the table, a celll's to fill it up so at least one table cell. What will happen technically is the bottom row's border will fill up the rest of the space so it looks like the table is only the size of the content.

Two ways to fix that:

Add a row
I added height=100% to the table and added a blankrow (commented in HTML)

modify the bottom table cell to fill everything up and valign the content to the bottom. (again commented HTML).





.:[ The Tao of Steve ]:.
Be Desireless
Be Excellent
Be Gone
...................................

Emps, thanks for the watermark tip - interesting what you can do with DHTML, but personally I dont like the way they jump up and down the page as you scroll.

Bitdamaged, thanks again for your help. I've updated my page using your first suggestion - www.smileycat.com/ellenwang/

However, it doesn't display properly in NS - the page now extends beyond the bottom of the screen. Is it possible to prevent this?

abs

height attribute is not valid HTML 4.01 and will NOT work in netscrap

Ranjan
Visit me

Although HEIGHT attribute doesn't exist in HTML4 specification, it works fine all all major web browsers (including Netscape)...