Footer pegado al bottom

**sasuke.17** · 22-nov-2010

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>

**Felina05** · 23-nov-2010

**VJEVans** · 23-nov-2010

Gracias por el aporte .. saludos compañero

22-nov-2010	#1
sasuke.17 Aprendiendo Ingreso: noviembre-2010 Ubicación: viaja a los rincones que significan algo para ti, allí donde ocurrieron las cosas importantes Mensajes: 88 Sexo: País: Signo: Agradecido: +165	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> "El hombre es esclavo de sus palabras y dueño de su silencio" "No hay nada más bello que vivir"... R.I.P. Jaime Moreno Garcia

23-nov-2010	#2
Felina05 Erudito Ingreso: julio-2010 Ubicación: Allá lejos.. Mensajes: 2.600 Sexo: Signo: Agradecido: +1.942	"Aprende a interrogar razonablemente, a escuchar con atención, a responder serenamente, y a callar cuando no tengas nada que decir"

Los siguientes 2 usuarios agradecen a sasuke.17 por este mensaje:
Felina05 (23-nov-2010), jchierro (24-nov-2010)

23-nov-2010	#3
VJEVans Erudito Ingreso: mayo-2010 Ubicación: Arequipa (Peru) Mensajes: 6.935 Sexo: País: Signo: Agradecido: +10.323	Gracias por el aporte .. saludos compañero

(0 miembros y 1 visitantes)