div abajo y centrado

chascos69 · #1 (**permalink**) 31/05/2011, 03:27

Al final no hay solución para este tema?

He buscado en el foro y he visto este hilo pero he probado y no me funciona
http://www.forosdelweb.com/f53/poner...0/#post3875158

No soy capaz de poner un div abajo del todo y centrado. En cuento le quito la posición absoluta no se centra y si le pongo la relativa no se pone abajo del todo

Si alguien sabe que lo comente por favor

Gracias

Ventru3 · #2 (**permalink**) 31/05/2011, 10:40

Pues si te sirve...

Código HTML:

Ver original<body>
      <div id="footer-centrado">
            <div id="footer"></div>
      </div>
</body>

Código CSS:

Ver original#footer-centrado {
      maring: 0px auto;
      width: 1010px; //Anchura del footer o del div que quieras
}
 
#footer {
      position: absolute;
      bottom: 0;
}

O si no quieres otro div

Código CSS:

Ver original#footer {
      position: absolute;
      bottom: 0;
      left: 50&#37;;
      margin-left: -505px; //Aqui va la mitad de anchura del footer, en mi caso seria de 1010 px.
}