Código PHP:
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -142px; /* el margin del bottom debe ser el mismo valor que el alto del footer pero en negativo */
}
.footer, .push {
height: 142px; /* .push debe ser el mismo alto que .footer */
}
HTML
Código HTML:
<div class="wrapper">
<div class="header">
<h1>CSS Sticky Footer</h1>
</div>
<h2>El título del pie de página</h2>
<p>El texto del pie de página</p>
<h2>El título de pie de página</h2>
<p><q>El texto de pie de página</q></p>
<p></p>
<div class="push"></div>
</div>
<div class="footer">
<p> Texto alternativo </p>
</div>