Lo primero,.. esto es la sección de programación PHP no de diseño CSS La próxima vez, postea las preguntas en el lugar adecuado.
Y respondiendo a tu pregunta
HTML:
Código HTML:
<div id='centrado'>
<div id='contenedor'>
<div id='contenido1'>Aqui va el contenido numero 1<br/>
</div>
<div id='contenido2'>Contenido 2
</div>
</div>
</div> CSS:
Código:
#Centrado {
position:relative;
margin:auto; // Importante para el centrado!
width:924px;// especificamos el ancho de lo que vamos a centrar
top:0px;
min-height:500px; //especificamos el tamaño mínimo
height: auto;
}
#Contenedor {
position:absolute;
left:180px; //defino el espacio en el que ubico el contenedor dentro de los 924px que se centran
top:188px; // dejo un espacio arriba de 188px para colocar un head por ejemplo
width:578px; /el contenedor mide de ancho 578px
z-index:1;
height: auto; //importante.. para que sea mas alto o menos en base al contenido de las otras capas....
}
El resto de Div's dado que las tienes como relativas y son hijas de Contenedor, irán relativas al orden en html y una debajo de otra pero dentro de contenedor, yo en mi caso, Contenedor lo he colocado en posición absoluta porque:
La capa Centrado tiene el el ancho de 924px así que puedo situar el Contenedor dentro de esta capa, y así por ejemplo,... Contenedor lo sitúo debajo de otras capas y a x distancia del menu lateral por ejemplo, en este caso, el contenedor ajustará tu contenido a la web aunque permanecerá centrada horizontalmente... si lo que buscas es un centrado de toda la web tanto vertical como horizontal, es otro tema...