m-revetria · December 21, 2015 14:39
diff --git a/bottom_footer.html b/bottom_footer.html
 <!--- HTML code --->

 <html>
  
  <head>
    <!-- Your HTML head -->
  </head>
  
  <body>

    <div id="holder">
      <header>
        <!-- Page's header -->
      </header>
      <div class="body">
        <!-- Page's body -->
      </div>
      <div class="push"></div>
    </div>

    <footer>
      <!-- Your footer -->
    </footer>

  </body>
 </html>

 <!--- CSS classes --->

 html, body {
  height: 100%;
 }

 #holder {
  position: relative;
  min-height: 100%;
  height: 100%;
  height: auto !important;
  margin-bottom: -100px; /* Footer's height */
 }

 .push {
  height: 120px; /* Footer's height + some margin */
 }

 footer {
  height: 100px;
  width: 100%;
  position: relative;
  margin: 0 auto;
 }
	<!--- HTML code --->

	<html>

	<head>
	<!-- Your HTML head -->
	</head>

	<body>

	<div id="holder">
	<header>
	<!-- Page's header -->
	</header>
	<div class="body">
	<!-- Page's body -->
	</div>
	<div class="push"></div>
	</div>

	<footer>
	<!-- Your footer -->
	</footer>

	</body>
	</html>

	<!--- CSS classes --->

	html, body {
	height: 100%;
	}

	#holder {
	position: relative;
	min-height: 100%;
	height: 100%;
	height: auto !important;
	margin-bottom: -100px; /* Footer's height */
	}

	.push {
	height: 120px; /* Footer's height + some margin */
	}

	footer {
	height: 100px;
	width: 100%;
	position: relative;
	margin: 0 auto;
	}
No results found