[Solved] How to make footer stick bottom of the page

[Jack]

How can i make the footer to stick bottom of the page no matter what resolution is the screen is and scrolling? Because currently i am able to stick the footer bottom of the page with my desktop, but once i change to laptop view or the paragraph/content are too long, the footer wasn’t stick bottom of the page already if i scroll down.

#footer
{ font: italic normal 12pt Cambria;
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: transparent;
  text-shadow: 1px 1px #fff;
  color: #535353;}

[Paulie_D]

So you mean that you always want the footer visible regardless of screensize?

Look into position:fixed.

[Jack]

Thanks Paulie_D. It’s working.

[Author]

Posts