Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/02/2009, 18:05
vitogq
 
Fecha de Ingreso: enero-2004
Ubicación: Granada
Mensajes: 81
Antigüedad: 20 años, 2 meses
Puntos: 0
Centrar horizontalmente 3 capas con position absolute

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
__________________
VitoVi.com
Responsable Programación Web