SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: sticky footer?

  1. #1
    SitePoint Member
    Join Date
    Feb 2011
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    sticky footer?

    Hi Guys,
    I was working with my site and I'm having trouble with larger screen resolutions. On my screen, the footer of my site snaps perfectly to the bottom of the screen. Here is what it looks like on my screen: http://www.getmyrank.com/img/gmrsn.jpg

    That is also how i wanted it to look. However, on larger monitors these is what it looks like: http://www.getmyrank.com/img/footersn.jpg

    Any suggestions as to how i can make it "snap" to the bottom of the browser window without being fixed position? Thanks in advance!

  2. #2
    SitePoint Enthusiast Acmeous's Avatar
    Join Date
    Oct 2008
    Location
    Kolkata, India
    Posts
    26
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In the css, add the following -

    Code:
    Position: fixed;
    bottom: 0px;

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,301
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    We have a very comprehensive how-to thread on sticky footers here:

    http://www.sitepoint.com/forums/1239966-post3.html

    It addresses all the issues you need to think about when creating a sticky footer, so read through that and let us know if you have any questions.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •