ansaurus

Question

Issue getting footer to "stick" to the bottom of the page

Answer 1

A:

#wrapper {
height:auto !important;
margin:0 auto -74px;
min-height:100%;
}

You will have to change your wrapper structure abit. The negative margin and min-height seems to cause this weird behaviour.

Check out this link http://www.cssstickyfooter.com/ for a solid sticky footer solution.

easwee 2010-02-18 12:16:55

I tried those suggestions and now the footer isn't sticky at all, it appears straight below the text. I have no idea what I am doing wrong, in fact I just dont understand enough about what I am trying to do. When I hover over the wrapper in firebug not it is not being picked up and highlighted in blue.

Caroline 2010-02-18 14:31:04

That's because you are using an outline div. You have to edit the selectors in a way so that they fit your structure.

easwee 2010-02-19 13:29:24

Thanks for the reply, I would love a more specific solution. I cannot remove the outline, tried that and it messes up the layout of the page, I don't know enough about what the css is trying to do in order to be able to just add the css where it is appropriate - hence asking the question. I had already tried the sticky footer you suggested before I posted but it didn't work, that's why I tried a different one. If you could provide me with more specific help I would really appreciate it. Thanks in advance

Caroline 2010-02-19 14:20:19

managed to fix it, when I changed outline to wrapper and got rid of the original wrapper it became sticky but took up the whole width of the screen instead of just the center part. margin 0 auto and a width fixed it! Thanks for the help, glad it is finally sorted

Caroline 2010-02-19 14:30:26

ansaurus

tags:

views:

answers:

Issue getting footer to "stick" to the bottom of the page

related questions