CSS:Cómo centrar un DIV contenedor en CSS

De Foros del Web

Digamos que tenemos un contenido en HTMl:

<div id="contenedor">
Esto es el DIV que quiero centrar. 
No quiero centrar el texto solo el bloque. Todo esto comprende el contenedor.
</div>

El truco básicamente consiste en:

# Darle un min-width al cuerpo y un width al contenedor,
# Aplicar margenes a la derecha e izquierda 'auto'
 
body
{
text-align:center; /*IE5 no centra con margenes auto pero text-align:center; alineará los DIV's superiores*/
min-width:700px; /*Agregar un min-width tan ancho como el del contenedor*/
}
 
#contenedor {
  text-align:left; /*Resetear el alineamiento a la izquierda, recuerden que lo centramos para IE5*/
  width: 700px ; /*Esto deberia ser lo mismo que el min-width del body*/
/*Colocando los margenes auto centrará todo el contenedor en el body*/
  margin-left: auto ;
  margin-right: auto ;
}

---

--ivor 1 Jul 2009