0

I have a footer in my page and it although it goes at the bottom - it stays at the bottom of the screen and then is fixed there, so if i scroll down it stays half way down page.

below is what I have currently although I have tried loads of different things and searched on Google a lot!!

#footer {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
background-color: #00608F;
text-align: center;
}

Footer appears at bottom to start with but when I scroll Footer appears at bottom to start with but when I scroll Its stays in the same position... Its stays in the same position...

Community
  • 1
  • 1
User87797
  • 53
  • 6

1 Answers1

1

You should use position:fixed

#footer {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    background-color: #00608F;
    text-align: center;
    }
<footer id="footer">
  Footer
</footer>
Mukul Kant
  • 7,074
  • 5
  • 38
  • 53
  • Thanks that does work in terms meaning the footer remains at the bottom, however I meant to say and will update the same that I want to footer to go to the very bottom of the page and not to appear on the page the whole time only when they are at the very bottom of the page. – User87797 Dec 10 '15 at 11:43