loldesign · December 15, 2015 06:19
diff --git a/footer_bottom.css b/footer_bottom.css
 html,
 body {
   margin:0;
   padding:0;
   height:100%;
 }
 #container {
   min-height:100%;
   position:relative;
 }

 #body {
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
 }
 #footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#6cf;
 }
diff --git a/footer_on_bottom.html b/footer_on_bottom.html
 <div id="container">
   <div id="body">
   </div>
   <div id="footer"></div>
 </div>
	html,
	body {
	margin:0;
	padding:0;
	height:100%;
	}
	#container {
	min-height:100%;
	position:relative;
	}

	#body {
	padding:10px;
	padding-bottom:60px; /* Height of the footer */
	}
	#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:60px; /* Height of the footer */
	background:#6cf;
	}
No results found