marcoslhc/css_sticky_footer_test.html

## css_sticky_footer_test.html
    <html>
        <head>
            <link rel="stylesheet" href="layout.css" ... />
        </head>
        <body>
            <div class="wrapper">
                <p>Your website content here.</p>
                <div class="push"></div>
            </div>
            <div class="footer">
                <p>Copyright (c) 2008</p>
            </div>
        </body>
    </html>

## sticky_footer.css
* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 142px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/
	<html>
	<head>
	<link rel="stylesheet" href="layout.css" ... />
	</head>
	<body>
	<div class="wrapper">
	<p>Your website content here.</p>
	<div class="push"></div>
	</div>
	<div class="footer">
	<p>Copyright (c) 2008</p>
	</div>
	</body>
	</html>
	* {
	margin: 0;
	}
	html, body {
	height: 100%;
	}
	.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
	}
	.footer, .push {
	height: 142px; /* .push must be the same height as .footer */
	}

	/*

	Sticky Footer by Ryan Fait
	http://ryanfait.com/

	*/