Foro de Ayuda IntercambiosvirtualeS - Footer pegado al bottom

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>