Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS page height / locking footer to bottom of browser regardless of screen resolution

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #30668
    rtmedia
    Member

    Hi Guys,

    Basically I’m making a website for a skin pharmacy – http://www.theskinpharmacy.co.uk/1609

    Basically each page has a footer with copyright info etc along with a blue horizontal line. this horizontal line along with the footer I want to be tight to the bottom of the browser no matter what size screen resolution you are using.

    On my laptop I’m running something like 1280×800 and the home page of the site looks fine as it’s about 800px in height. But on my Desktop where I’m running 1680 x 1050 It’s half way up the page with allot of white space below.

    Is there some sort of CSS that will allow me to have the footer fixed to the bottom of the users browser regardless of what screen resolution they are using. I’ve tried container height 100% but obviously that’s not right.

    Help would be much appreciated

    Richy

    #77338
    cybershot
    Participant

    http://www.cssstickyfooter.com/

    http://ryanfait.com/sticky-footer/

    There are lots of articles, just google sticky footer or go with the first link I posted.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.