Footer pegado al bottom

[sasuke.17]

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

<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>