manadart · November 16, 2011 14:31
diff --git a/floating_footer.scss b/floating_footer.scss
 $footer-height: 100px;

 #wrap {
    min-height: 100%;
    overflow: auto;
 }
        
 #main {
    margin-bottom: $footer-height;
 }
        
 #footer {
    position: relative;
    margin-top: - $footer-height;
    height: $footer-height;
    clear: both;
 } 
diff --git a/page.html b/page.html
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
    <link rel="stylesheet" href="/css/floating_footer.css" type="text/css" />
    <title></title>
 </head>
 <body>
    <div id="wrap">
        <div id="main">
            <p>Content</p>
        </div>
    </div>
    <div id="footer">
        <p>Footer</p>
    </div>
 </body>
 </html>
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<link rel="stylesheet" href="/css/floating_footer.css" type="text/css" />
	<title></title>
	</head>
	<body>
	<div id="wrap">
	<div id="main">
	<p>Content</p>
	</div>
	</div>
	<div id="footer">
	<p>Footer</p>
	</div>
	</body>
	</html>