CSS: Making footer stay at the bottom

j79zlr · 12 Nov 2003

I can't believe I didn;t think of this, but try :

position:absolute;
bottom:10px;

That should place the footer 10 pixels from the bottom of the page.

Code:

<html>
  <head>
    <style>
      #footer {
        position : absolute;
        bottom : 10px;
      }
    </style>
  </head>

  <body>
    <div id='footer'>Your footer is here</div>
  </body>
</html>

Zedric · 13 Nov 2003

Originally posted by fusion260
It's just not as cross-browser/platform as they claim it is.

Like the author of a network book I read said. "Since JavaScript isn't standardized, it's mutating faster than a fruit fly caught in an X-ray machine".

Zedric · 13 Nov 2003

Originally posted by Geffy
try height: 100pc, I dunno why but the text-indent wouldnt take 15% but seemed to do fine with 15pc
but then for all I know they could be different measurments, but I cant be arsed to go look

No, pc is picas.

Zedric · 13 Nov 2003

Originally posted by j79zlr
I can't believe I didn;t think of this, but try :

position:absolute;
bottom:10px;

That should place the footer 10 pixels from the bottom of the page.

That only works if the page is smaller than the screen. If you scroll, the footer will follow the page up.

j79zlr · 13 Nov 2003

I thought the page was smaller than one screen height?

X-Istence · 13 Nov 2003

Originally posted by Zedric
Like the author of a network book I read said. "Since JavaScript isn't standardized, it's mutating faster than a fruit fly caught in an X-ray machine".

I agree

Zedric · 18 Nov 2003

Originally posted by j79zlr
I thought the page was smaller than one screen height?

It's very dynamic so you can't tell on before hand. Sometimes it's smaller, sometimes it's bigger.

It now turns out that the "position: static" doesn't work at all in Netscape 6. POS browsers!

grimman · 18 Nov 2003

Have a table add a bit of padding at the bottom then, and place the footer there... doesn't necessarily have to be at the bottom, eh? ;>

CSS: Making footer stay at the bottom

j79zlr

Glaanies script monkey

Zedric

NTFS Guru

Zedric

NTFS Guru

Zedric

NTFS Guru

j79zlr

Glaanies script monkey

X-Istence

*

Zedric

NTFS Guru

grimman

Guest

Members online

Affiliates

Latest profile posts

Forum statistics