Centrar horizontalmente 3 capas con position absolute

vitogq · #1 (**permalink**) 02/02/2009, 18:05

Hola, estoy montando una Web, que por complejidades del diseño se ha realizado con tres capas, la inicial y la que esta mas bajo tiene un script para pasar fotos, la segunda capa es el fondo de la web, pero tiene una zona transparente para ver las fotos y una tercera capa para el texto.

Esta preparado para 1024px de ancho, cuando la vemos en 1280 la web se queda alineada a la izquierda. Os adjunto hoja de estilos:

Código:

BODY { background : #AFC78C; font : 8pt "Book Antiqua",Verdana, Geneva, Arial, Helvetica, sans-serif; color : #000000; margin : 0px auto; text-align: center; border: 0px rgb(16,17,41 ) solid; padding: 0; height: 663px; }

#contenedor{ display: table; text-align: left; border: 0px solid #cccccc; width: 990px; height: 663px; margin: 20px auto; padding:0px; margin:0px auto;}

#fotos {z-index:1;position:absolute;left: 339px; top: 101px; }
#fondo {z-index:2;position:absolute;top: 0px; left: 0px; }
#lateral {z-index:3;position:absolute;text-align:justify;width: 220px; left: 105px; top: 190px;color:#526631; }
#oferta {z-index:3;position:absolute;text-align:justify;width: 250px; left: 80px; top: 550px;}

La estructura de la pagina es:

Código HTML:

 <body>
		<div id=contenedor>
			<div id=fotos></div>
			<div id=fondo></div>
			<div id=lateral></div>
			<div id=oferta></div>
		</div>
	</body>

Lo que quiero es poder centrarlo horizontalmente, ahora mismo me sale alineado a la izq.

Un saludo y gracias

Calizman · #2 (**permalink**) 02/02/2009, 19:48

Saludos!!

primero lo que tienes que hacer es tener un Doctype valido! eso es importantisimo para tu web, luego de eso, a el #contenedor le pones margin: 0 auto y listo! tu contenedor se alinea al centro.

Que imagino que a eso te refieres cuando dices que quieres centrarlo horizontalmente no?
Si no es eso, corrigeme y seguimos ayudandote!

Saludos!!

Mikmoro · #3 (**permalink**) 03/02/2009, 01:58

Prueba añadiendo position: relative al selector #contenedor.