Grow your CSS skills. Land your dream job.

Another Sticky Footer That Always Shows

  • # February 9, 2009 at 2:37 pm

    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 1024×768 & 1280×1024 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

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

    ik

    p.s. using a strict doc type

    Rob
    # February 10, 2009 at 7:03 pm

    nice find :D well figured out :)

    uba
    # February 28, 2009 at 3:54 am

    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/

    # February 28, 2009 at 2:11 pm
    "uba" wrote:
    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
    # March 1, 2009 at 5:18 am

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

    # March 1, 2010 at 4:13 pm
    "ikthius" wrote:
    "uba" wrote:
    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.

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

    -jill

    Rob
    # March 1, 2010 at 5:46 pm

    Welcome Jill :)

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".