View Single Post
Old 10-20-2010, 07:36 PM  
sortie
Confirmed User
 
sortie's Avatar
 
Industry Role:
Join Date: Mar 2007
Posts: 7,771
Quote:
Originally Posted by Dirty Dane View Post
div id with position:absolute works too.

In CSS:

body {margin: 0;}
#bottom {position:absolute; width:100%; bottom:0;}

In HTML:

<div id="bottom"> your spam here </div>

The absolute will ignore other elements.

Please don't post code that doesn't work and say it does.

Thanks

Here is the same page on two links except the second link uses position:absolute.


http://ooaz.com/gfy/gfytest003.html

http://ooaz.com/gfy/gfytest004.html Wrong!


"absolute" is relative to the first non-static element on the webpage.
Meaning that it stays at the same position on the page as the page scrolls.

"fixed" is relative to the window which never scrolls so the footer never moves either.


.
__________________
sortie is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote