markvital/sticky.css

## sticky.css
* {
	margin: 0;
}
html, body {
	height: 100%;
}
/* main content wrapper */
.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 provided by Ryan Fait
* http://ryanfait.com/sticky-footer/

*/

## sticky.footer.html
<html>
    <head>
        <title
        <link rel="stylesheet" href="sticky.css" ... />
    </head>
    <body>
        <div class="wrapper">
            <p>Your website content here.</p>
            <div class="push">
                <!-- empty div, just for balancing footer -->
           </div>
        </div>
        <div class="footer">
            <p>This is your sticky footer</p>
        </div>
    </body>
</html>
	* {
	margin: 0;
	}
	html, body {
	height: 100%;
	}
	/* main content wrapper */
	.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 provided by Ryan Fait
	* http://ryanfait.com/sticky-footer/

	*/