homepage Welcome to WebmasterWorld Guest from 54.226.168.96
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

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




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

Is there a way to position a layer at the foot of a page without knowing how long the page is?

 

tedster




msg:616567
 6:41 am on Aug 10, 2001 (gmt 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




msg:616568
 11:52 am on Aug 10, 2001 (gmt 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

NFFC




msg:616569
 11:59 am on Aug 10, 2001 (gmt 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.

tedster




msg:616570
 12:29 pm on Aug 10, 2001 (gmt 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.

toolman




msg:616571
 1:46 pm on Aug 10, 2001 (gmt 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)

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved