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