Footer fixed at the bottom of the page (CSS)

<style type= "Text/css" > #wapper{position:relative;/*Important! Guaranteed footer is relative to wapper position absolute*/Height:Auto;Min-height:100%; }#main-content{background:Grey;Padding-bottom:60px;/*Important! Space reserved for footer*/}#footer{background:Green;width:100%;position:Absolute;Bottom:0;/*Key*/Height:60px; /* Disadvantages of this method: the height of the footer needs to be manually adjusted/}</style>

<Bodystyle= "margin:0">    <DivID= "Wapper">          <!--Main content -          <DivID= "Main-content">here is the content</Div>          <!--Footer -          <DivID= "Footer">Here's the footer .</Div>      </Div>   </Body>

Footer fixed at the bottom of the page (CSS)