Forums

ikthius

Hey everyone,

been playing around and came across some cool code for making a footer stick to the bottom of the screen no matter what size of screen you are using.

tested on 1024x768 & 1280x1024 it works damn fine.
also tested in IE 7&8, FF3, Chrome, Safari & Opera all in both resolutions, however, IE6 seems to fail, but does put it to the bottom of the screen as a normal footer


position:fixed;
width:100%;
bottom: 0px;
left: 0px;
z-index:1;

ik

p.s. using a strict doc type

Robskiwarrior

nice find :D well figured out :)

uba

Hi,

Of course there are a lot of ways of doing this here is one more it works with all of the major browsers and IE 6.

http://www.cssstickyfooter.com/

ikthius

"uba" said:
Hi,

Of course there are a lot of ways of doing this here is one more it works with all of the major browsers and IE 6.

http://www.cssstickyfooter.com/

i was making it show at all costs (for example: a blog with about 10 posts, your screen will still show the footer), I even tried it with opacity and you could see the background scrolling through it.

uba

Oh so you mean a docked footer so to speak. Nice!

jillmason7

"ikthius" said:
[quote="uba"]Hi,
Chicago Show
Of course there are a lot of ways of doing this here is one more it works with all of the major browsers and IE 6.
Vegas Show
http://www.cssstickyfooter.com/

i was making it show at all costs (for example: a blog with about 10 posts, your screen will still show the footer), I even tried it with opacity and you could see the background scrolling through it.[/quote]

Thanks for the posts, I was looking for a way to do this. New to the forum too so hi everyone!

-jill

Robskiwarrior

Welcome Jill :)

treehouse : what would you like to learn today?

Forums

Another Sticky Footer That Always Shows