Alinear Divs en pagina web

sakbullido · #1 (**permalink**) 18/10/2010, 18:11

Hola buenas a todos, estoy con un problema, mi web la estoy trabajando con Dreamweaver y estoy trabajando con Divs para colocar los elementos, pero resulta que al visualizarlo en otra PC se ve alineado hacia la izquierda y lo quiero alinaer al centro, he visto en blogs que esto se resuelve con CSS pero realmente no entiendo mucho, porfavor alguien que pueda guiarme para esto, se los agradeceria mucho.

cristian_cena · #2 (**permalink**) 18/10/2010, 19:04

Hola sakbullido:

supongamos que tenes:

<body>
<div id="centrado"></div>
</body>

Entonces:

*{margin:0; padding:0;}
body{text-align:center;}
#centrado{text-align:left; margin:0 auto; width:/*el que quieras*/;}

- con margin:0 auto; centras la caja
- con text-align: le indicas a ie6 que estas centrando una caja
- con *{margin:0; padding:0;} creas un pequeño reset para que los navegadores trabajen con 0px de margen y padding para todas las cajas.

Espero te sirva, un saludo

sakbullido · #3 (**permalink**) 18/10/2010, 19:13

Hola cristian_cena, muchas gracias por tu respuesta. Lamentablemente soy un novato, entiendo los terminos pero lo que no resuelvo comprender es donde debo poner, modificar estos valores, ya los busque en el codigo fuente pero no los encuentro.

sakbullido · #4 (**permalink**) 18/10/2010, 19:20

Pego un ejemplo de los codigos de los Divs q necesito centrar haber si ustedes me pueden guiar como los tendria q modificar:

<div id="apDiv3"><img src="logotipo_fucrides.png" width="232" height="311" /></div>

cristian_cena · #5 (**permalink**) 18/10/2010, 22:07

Hola sakbullido,
Prueba incluir el siguiente css (dentro de <style type="text/css">...</style> en el head de tu documento html) y luego me cuentas

#apDiv3{ margin:0 auto; }

sakbullido · #6 (**permalink**) 19/10/2010, 19:05

hola cristian_cena gracias por tu respuesta, lamentablemente no me funciona.

cristian_cena · #7 (**permalink**) 19/10/2010, 19:29

te aconsejo que siempre que pidas una ayuda postees tu codigo. Este sitio te va a ser muy útil.

También puedes pasar por las FAQ de css, de echo allí encontrarás la solución a tu problema.
Saludos.

sakbullido · #8 (**permalink**) 19/10/2010, 19:35

Cita:

Iniciado por cristian_cena

te aconsejo que siempre que pidas una ayuda postees tu codigo. [URL="http://www.librosweb.es"]Este sitio[/URL] te va a ser muy útil.

También puedes pasar por las FAQ de css, de echo allí encontrarás la solución a tu problema.
Saludos.

Ok gracias voy a pasar por el FAQ.