Fixed bottom with pure CSS

------------------------------------------- CSS style ------------------------------------------------

 
<Style type = "text/CSS">/* main part */html, body, # container {Height: 100%; margin: 0; padding: 0 ;} body >#container {Height: auto; Min-Height: 100% ;}# content {padding-bottom: 60px ;}# footer {clear: Both; position: relative; z-index: 10; Height: 60px; margin-top:-60px;}/* style part */body {Font :. 75em/normal "lucida sans", "lucida Grande", sans-serif;} A, A: Link, A: visited {color: # c6762f; text-Decoration: underoline ;} P {margin-bottom: 1em ;}# about {padding: 50px; outline: None ;}# footer {background-color: black; color: White; font-size: 200%; text-align: center; line-Height: 3em ;}</style>
 

----------------------------------------------------- HTML --------------------------------------------------------

 
  
  
 
   
   
 
    
 
     
 can be maximized, minimize the window. Stretch the window to see the effect of this example. 
 
    
 
    

      fixed bottom