ClementParis016 · March 25, 2015 20:19
diff --git a/index.html b/index.html
 <!doctype html>
 <html>
  <head></head>
  <body>
    
    <header>...</header>
    
    <div>...</div>
    
    <footer>...</footer>
  
  </body>
 </html>
diff --git a/styles.css b/styles.css
 html {
  height: 100%;
 }

 body {
  position: relative;
  min-height: 100%;
  padding-bottom: 100px; /* footer's height */
 }

 div::after { /* Or what else is before the footer, clear it */
  content: '';
  display: table;
  clear: both;
 }

 footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
 }
	html {
	height: 100%;
	}

	body {
	position: relative;
	min-height: 100%;
	padding-bottom: 100px; /* footer's height */
	}

	div::after { /* Or what else is before the footer, clear it */
	content: '';
	display: table;
	clear: both;
	}

	footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100px;
	}