how to fix footer content to the bottom of the page in css?

to fix the footer content to the bottom of the webpage, you can use css style as,

 footer {
   background:#333;
   position: absolute;
   width: 100%;
} 

just the "position" element will do the thing... also set width to 100% to display the footer content in full width..