Welcome to WebmasterWorld Guest from 54.167.46.29

Forum Moderators: incrediBILL

Message Too Old, No Replies

Positioning a Layer at the bottom of a page...

     
4:36 pm on Aug 9, 2001 (gmt 0)

Senior Member

WebmasterWorld Senior Member nffc is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:June 22, 2000
posts:3604
votes: 0


Is there a way to position a layer at the foot of a page without knowing how long the page is?
6:41 am on Aug 10, 2001 (gmt 0)

Senior Member

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:May 26, 2000
posts:37301
votes: 0


How about this: NEST the "footerlayer" div within the page's "footer" div. Declare the footer div to be position:relative, so its position flows in relation to the entire page's body. Then declare the nested div (the footerlayer) as position:absolute, top:0px and left:0px.

Because the layer is nested within a relatively positioned div, its absolute coordinates will be measured in relation to its containing block the footer div. The code would be structured something like this:

CSS:
#body {color:#000000}
#footer {position:relative}
#footerlayer {position:absolute;left:0px;top:0px;z-index:2}

HTML:
<div id="bodycopy>
All the body copy goes here.
</div>

<div id="footer">
This is the footer.
<div id="footerlayer">
This is the footer layer.
</div>
</div>

GWJ

11:52 am on Aug 10, 2001 (gmt 0)

Full Member

joined:June 21, 2000
posts:339
votes: 0


Niave question, I am sure, but why not just call an SS include at the end of the page? Wouldn't that have the same effect but be more cross browser compatible?

Brian

11:59 am on Aug 10, 2001 (gmt 0)

Senior Member

WebmasterWorld Senior Member nffc is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:June 22, 2000
posts:3604
votes: 0


>Niave

No, just my poor initial question. :)

I want the text contained in the layer to appear at the top of the source but display at the bottom of the page.

12:29 pm on Aug 10, 2001 (gmt 0)

Senior Member

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:May 26, 2000
posts:37301
votes: 0


I don't think so, at least not yet.

I've read about a consideration for CSS3 that would create the property position:relative-to. Now that would handle it, but it's obviously a few years away, if ever.

1:46 pm on Aug 10, 2001 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Nov 25, 2000
posts:1786
votes: 0


Something to keep in mind is that even though you can see through layers and overlap them you will not be able to use hyperlinks beneath layers even if they are visible ( as in side navigation bars)
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members