Foros del Web » Creando para Internet » CSS »

centrar un div

Estas en el tema de centrar un div en el foro de CSS en Foros del Web. hola amigos estoy intentando centrar un div y me estoy volviendo loco, el div que contiene a todo lo demas de la pagina se muestra ...
  #1 (permalink)  
Antiguo 20/05/2009, 22:43
 
Fecha de Ingreso: agosto-2005
Mensajes: 722
Antigüedad: 12 años, 3 meses
Puntos: 2
Pregunta centrar un div

hola amigos estoy intentando centrar un div y me estoy volviendo loco, el div que contiene a todo lo demas de la pagina se muestra al lado derecho de la pantalla y nose si alguien pueda ayudarme

este es el codigo que uso ahora
#contenedor_pagina_index2{
height:950px;
background:#003366;
}

#container {
width: 866px;
margin: 0 auto;
padding: 0;
text-align: justify;
color: #000000;
background: #fff;
}
  #2 (permalink)  
Antiguo 20/05/2009, 22:59
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: centrar un div

El container está bien. ¿No se ve en ninguno? ¿Usas el DOCTYPE correcto?

Si a todo lo anterior responde si, necesitaríamos ver el resto de tu código. Suerte
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #3 (permalink)  
Antiguo 21/05/2009, 02:55
 
Fecha de Ingreso: octubre-2008
Mensajes: 387
Antigüedad: 9 años, 1 mes
Puntos: 18
Respuesta: centrar un div

Es facil, para que este centrado tu div contenedor tiene que estar encerrado dentro de algun elemnto de bloque (usualmente es la etiqueta body, u puede ser otro div) en el cual se defina la propiedad text-align=center

Ejemplo

body {
text-aglin:center;
-->
-->
-->las propiedas que quieras agregar
}

#container {
-->
-->
-->las propiedas que quieras agregar
}

Y por supuesto

Código:
<body>
    <div id=container>
    </div>
</body>

Contame como te fue.
Saludos.
  #4 (permalink)  
Antiguo 21/05/2009, 03:27
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: centrar un div

Saludos!!

Si bien, la respuesta de denica001 podria funcionar, tengo que aclarar que no es la forma correcta de centrar un div. Para centrar un div, es necesario usar un Doctype valido, y usar la propiedad Margin: 0px auto;

Esta forma es la correcta para centrar divs, espero que te ayude!

Hasta luego
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #5 (permalink)  
Antiguo 21/05/2009, 14:12
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: centrar un div

Hola:

Cita:
Iniciado por denica001 Ver Mensaje
body {
text-aglin:center;
-->
-->
-->las propiedas que quieras agregar
}
la propiedad text-align sólo sirve para alinear, precisamente eso, texto.

La mejor solución es:

Código:
* {
    padding:0;
    margin:0 auto;
}
Saludos.

  #6 (permalink)  
Antiguo 28/08/2009, 22:30
 
Fecha de Ingreso: julio-2009
Mensajes: 2
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: centrar un div

excelente la solucion de jomaruro, solamente no se olviden de añadir tambien

position: relative;

al container :)
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 05:40.