SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Jan 2011
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How can I make footer go to bottom of page?

    Hard to explain, but I have a footer that looks fine on longer pages, but if the page is quite short (in height) it floats near the bottom. I'm not very good at CSS and can't work it out. I would have though height:100%; would have done it, but apparently CSS doesn't work like that.

    This page is a good example.

    http://www.schoolappealadvice.co.uk/advice/login.php

    CSS for footer is here:

    http://www.schoolappealadvice.co.uk/style_content.css

    Any help appreciated.

  2. #2
    Utopia, Inc. silver trophy
    ScallioXTX's Avatar
    Join Date
    Aug 2008
    Location
    The Netherlands
    Posts
    9,031
    Mentioned
    152 Post(s)
    Tagged
    2 Thread(s)
    What you're looking for is a so called sticky footer.
    There's a very good explanation on how to make it here: http://www.sitepoint.com/forums/1239966-post3.html
    Rémon - Hosting Advisor

    Minimal Bookmarks Tree
    My Google Chrome extension: browsing bookmarks made easy

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,269
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    If you get stuck or have trouble implementing the method that Remon pointed to above then just shout and we'll give more specific advice on implementation.


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
  •