¿Como centrar un DIV contenedor en CSS?
Código:
<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:
1.- Darle un min-width al cuerpo y un width al contenedor,
2.- Aplicar margenes a la derecha e izquierda 'auto'
Código:
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 ;
}