Problema con centrado de web!

juanicotolengo · #1 (**permalink**) 20/10/2009, 11:19

Qué tal? Soy nuevo acá, y quería contarles que tengo un problema para el centrado de un sitio web. Intenté hacerlo mediante CSS (ya que uso etiquetas AP DIV en dreamweaver), y no lo logré, debe tener algún error mi código. También traté escribiendo <align="center"> en el head del sitio. Les dejo el código del head a ver si me pueden dar una mano, les estaría muy agradecido!

<style type="text/css">

</style>

juaniquillo · #2 (**permalink**) 20/10/2009, 14:40

¿y el HTML? Por lo que veo estás usando muchos elementos posicionados de forma absoluta. Esto hace que los elementos se queden fijos con relación al elemento padre posicionado.

juanicotolengo · #3 (**permalink**) 20/10/2009, 21:16

Acá te dejo todo el html del sitio.

<head>
<align="center">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">

</style>
</head>

<body>
<div id="apDiv1">
<img src="fondo.jpg" width="682" height="446" />
<div id="apDiv2"> <img src="logo.jpg" width="345" height="183" /></div>
</div>
<div id="apDiv3"> <img src="tpf.jpg" width="304" height="64" /></div>
<div id="apDiv4"> <img src="productos.jpg" width="403" height="27" /></div>
<div id="apDiv5"> <img src="peluches.jpg" width="115" height="42" /></div>
<div id="apDiv6"> <img src="personajes.jpg" width="115" height="42" /></div>
<div id="apDiv7"> <img src="quienes.jpg" width="115" height="42" /></div>
<div id="apDiv8"> <img src="contacto.jpg" width="115" height="42" /></div>
</body>
</html>

Si alguien pudiera ayudarme lo apreciaría mucho, estoy MUY atascado con este asunto! Gracias!!

juaniquillo · #4 (**permalink**) 21/10/2009, 13:48

tienes demasiados divs posicionados absolutamente. Necesitas un contenedor posicionado relativamente:

Código html:

Ver original<body>
<div id="contenedor">
<!-- tu codigo html -->
</div>
</body>

y en el css le das una posición relativa, le das auto a los margenes de los lados y le das el tamaño que tengan la suma de los elementos de tu página:

Código css:

Ver original#container{position:relative; margin: 0 auto; width: 'tu alto'; height: 'tu alto'}

sustituye 'tu ancho' y 'tu alto' por el ancho y alto en pixeles.

juanicotolengo · #5 (**permalink**) 22/10/2009, 15:11

Hola, el index finalmente lo hice en fireworks... y funcionó bien. Ahora tengo otro inconveniente, que sigue relacionado a las PA DIV. Tengo la página armada, y le inserto una estiqueta PA DIV para el texto, la página está centrada por el tipo de etiquetas que usa fireworks que es más facil. Cuando le dejo la posición "absolute", se ve corrido, lo acomodo para la vista de la página, pero cuando lo veo en otras resoluciones, se ve en cualquier lugar. Traté con el modo "relative" y los otros tres modos, pero no me deja mover la etiqueta. Espero sea comprensible, y muchas gracias por tu ayuda juaniquillo!

juaniquillo · #6 (**permalink**) 22/10/2009, 19:16

Necesitas hacer lo que digo arriba.