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

Home Forums CSS Floating Footer – how to keep down?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #22540

    Hey all,
    Just getting started with CSS, and this site has been a HUGE help, but I’m running into an issue that I haven’t figured out how to correct yet.

    On pages that have enough text in the content area, my footer stays down low, moving with the length of the text, just like it is supposed to do. The problem comes when there is a page with very little text. The floating footer stays with the text area, and is either on top of or behind my sidebars.

    You can view the page here:

    Here is a page showing the problem:

    I have one idea (set up another stylesheet for pages with little text, and increase the margin-top on the footer), but I’m sure there has to be a better way, and I’m willing to bet one of you know how!

    Thanks for the help!



    Thanks so much for the quick response! Worked perfectly.

    One question though – after specifying height: auto, do you need height:500px? Just curious.


    Chris Coyier

    Yep, you need that too, that’s for IE 6 and below. More info here:


    Thanks for the explanation. I left it out, so I guess I’ll put it back in, even though we don’t get any traffic from IE6 (we are a mac user group after all).

    Thanks for all the help and the great site/forums. I’m sure I’ll be spending a lot of time here (the screencasts are great Chris) as I get up to speed with CSS.


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