Grom-S · October 22, 2014 08:16
diff --git a/index.html b/index.html
 <!doctype html>
 <html>
 <head>
  <title>VidRoaster</title>
 </head>
 <body>

 <div class="page-wrap">
    <!-- Content of the various size here -->
 </div>

 <footer class="main">
    <!-- Fixed size footer -->
 </footer>

 </body>
 </html>
diff --git a/sticky-footer.css b/sticky-footer.css
 /* Sticky Footer */


 /* watch out for margins that stick out from the body
   it should be 100% height */

 html, body {
    height: 100%;
 }

 /* div that wraps the whole page except for footer */

 .page-wrap {
    min-height: 100%;
    margin-bottom: -100px; /* equal to footer height */
 }

 .page-wrap:after {
    content: "";
    display: block;
 }

 /* footer height */
 .footer.main, .page-wrap:after {
    height: 100px; 
 }
	<!doctype html>
	<html>
	<head>
	<title>VidRoaster</title>
	</head>
	<body>

	<div class="page-wrap">
	<!-- Content of the various size here -->
	</div>

	<footer class="main">
	<!-- Fixed size footer -->
	</footer>

	</body>
	</html>