10 replies to this topic

[°•Guru•°]

hey all,

Yes i have googled "sticky footer" and everything i have found HASN'T worked

does anyone know good tutorials or knows how to do it cheers

[greg]

How to do what? State your question.

[°•Guru•°]

hmmm when i put this code in my footer now ends up at the top of the screen somewhere and not aligned properly at all :S:S

What is this other way you know??

cheers 4 the help adam and greg so far

[°•Guru•°]

ya correct
i actually got it working heres the HTML code i used...i used it inside of the <div style> of the footer <div> heres the code:

position: absolute; bottom: 0;

although now i am having a 1cm paddind or space or something underneath the footer so its actually just off the bottom for some reason would you know how to fix that???

cheers

[greg]

Guys, it doesn't work.

Using absolute positioning will make it hover over your content if your content exceeds the page height.

Using relative positioning won't work in all browsers.

Again, I've ran into this before and tried many many methods...

[Master Duckling]

html, body {
height: 100%;
}

that should work
Using this every 100% height setting in tables will work

[greg]

It doesn't work with divs.

[°•Guru•°]

ahh k do you know a way where it does?? as that is what i'm using for my layout instead of the stock tables

[Theros]

On here, I have successfully implemented it
Here


Also, here is the FAQ on sitepoint that explains it

Edited by Theros, 28 October 2006 - 09:33 AM.

[greg]

I guess it does work, if you're willing to use a fix.

[Theros]

greg, on Oct 28 2006, 11:47 AM, said:

I guess it does work, if you're willing to use a fix.

Yep, it does work with some hacks and fixes. However, there are some problem with it with IE7 I think at least on one of my sites