Footer Her Zaman Sayfanın Altında Kalsın

Bir site altbilgisi her zaman sitenin en altında yer almalıdır. Sayfadaki yazı az yada çok olsun, farketmez. Bunu yapmak hiç de zor değil.

HTML

<body>	
  <div id="wrapper">
    <div id="header"></div>
    <div id="content"></div>
    <div id="footer"></div>
  </div>
</body>

CSS

html,body {margin:0;padding:0;height:100%;}
#wrapper {min-height:100%;position:relative;}
#content {padding-bottom:100px;   /* altbilgi yüksekliği */}
#footer {width:100%;height:100px;position:absolute;bottom:0;left:0;}
HTML

HTML