sticky footer

by Emmanuel Garcia

HTML

<header class="page-row">
	<!-- apply your styles to me -->
	<div class="header-inner">
		<h1>Este codigo es para manetener el footer pegado abajo y se auto - recorra</h1>
	</div>
</header>
 
<main class="page-row page-row-expanded">
  <p>Page content goes here.</p>
</main>
 
<footer class="page-row">
  <p>Copyright, blah blah blah.</p>
</footer>

CSS

html,
body { height: 100%; }

body {
  display: table;
  width: 100%;
}

.page-row {
  display: table-row;
  height: 1px;
}

.page-row-expanded { height: 100%; }