Position footer at the bottom

Question

I would like to position the footer at the bottom of the page.

For example on the page where there\'s not much content, I still need the footer at the bottom, but if

Answer 1

This can be done using CSS.

1) setup a footer in your HTML

  ...
  
...

2) Use CSS positioning to place it at the bottom.

html {
  padding-bottom:50px;
  position:relative;
}

body {
  position:relative;
  min-height:100%;
}

#footer {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:50px;
}