rudionrails/Static Footer CSS Template

## Static Footer CSS Template
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>Static Footer Template</title>

  <style type="text/css">

    body, html {
	    font: 12px Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
	    height: 100%;

      color: #261F27;
	    background-color: #FFFFCC;
    }

    body {
	    position: relative; /* must be relative for the footer */

	    margin: 0 auto;
	    width: 760px;

	    min-height: 100%;
	    height: auto !important;
	    height: 100%;

      border-left: 1px solid #C9313D;
      border-right: 1px solid #C9313D;
    }

    #main {
      /* the padding is necessary to push the footer 'down' when
         the browser window is smaller than the web page */
	    padding-bottom: 120px;

	    background-color: #FEE169;
    }

    #header {
	    height: 80px;
	    background-color: #F9722E;
    }

    #footer {
	    position: absolute;
	    display: block;

	    width: 100%;
      height: 100px;

	    bottom: 0px !important;
	    bottom: -1px; /* IE fix */

	    background-color: #CDD452;
    }


  </style>

</head>

<body>

  <div id="header">
    header
  </div>

  <div id="main">
    container
  </div>

  <div id="footer">
    static footer
  </div>

</body>

</html>