Foros del Web » Creando para Internet » CSS »

Alinear Divs en pagina web

Estas en el tema de Alinear Divs en pagina web en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/10/2010, 19:11
 
Fecha de Ingreso: mayo-2010
Mensajes: 33
Antigüedad: 7 años, 6 meses
Puntos: 0
Alinear Divs en pagina web

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.
  #2 (permalink)  
Antiguo 18/10/2010, 20:04
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Alinear Divs en pagina web

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
  #3 (permalink)  
Antiguo 18/10/2010, 20:13
 
Fecha de Ingreso: mayo-2010
Mensajes: 33
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Alinear Divs en pagina web

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.
  #4 (permalink)  
Antiguo 18/10/2010, 20:20
 
Fecha de Ingreso: mayo-2010
Mensajes: 33
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Alinear Divs en pagina web

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>
  #5 (permalink)  
Antiguo 18/10/2010, 23:07
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Alinear Divs en pagina web

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; }
  #6 (permalink)  
Antiguo 19/10/2010, 20:05
 
Fecha de Ingreso: mayo-2010
Mensajes: 33
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Alinear Divs en pagina web

hola cristian_cena gracias por tu respuesta, lamentablemente no me funciona.
  #7 (permalink)  
Antiguo 19/10/2010, 20:29
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Alinear Divs en pagina web

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.
  #8 (permalink)  
Antiguo 19/10/2010, 20:35
 
Fecha de Ingreso: mayo-2010
Mensajes: 33
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Alinear Divs en pagina web

Cita:
Iniciado por cristian_cena Ver Mensaje
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.

Etiquetas: alinear, dreamweaver
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:01.