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
  • #30668

    Hi Guys,

    Basically I’m making a website for a skin pharmacy –

    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



    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.