Foros del Web » Creando para Internet » CSS »

colocar div a la mitad de la pantalla

Estas en el tema de colocar div a la mitad de la pantalla en el foro de CSS en Foros del Web. hola tengo un div en position absolute, pero quiero colocarlo a la mitad de la pantalla exactamente. como puedo lograr esto? ya que he intentado ...
  #1 (permalink)  
Antiguo 12/10/2011, 10:05
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 14 años, 10 meses
Puntos: 641
colocar div a la mitad de la pantalla

hola tengo un div en position absolute, pero quiero colocarlo a la mitad de la pantalla exactamente.

como puedo lograr esto?

ya que he intentado

#div{
position:absolute;
top:50%;
}

no se como abordar el tema :S

saludos y gracias por cualquier lazo.
  #2 (permalink)  
Antiguo 12/10/2011, 11:18
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 14 años, 10 meses
Puntos: 641
Respuesta: colocar div a la mitad de la pantalla

me contesto, últimamente me tengo que contestar todo, jaja

se los dejo por si alguien comete las mismas estupideces que yo.

si esta en absolute y quieres que quede al medio de la pantalla, solo pon los divs dentro de body, pues estos toman la distancia de acuerdo al elemento padre o al más cercano, si es body y body ocupa toda la pantalla 50% quedara justo a la mitad de la pantalla.
  #3 (permalink)  
Antiguo 12/10/2011, 13:14
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: colocar div a la mitad de la pantalla

sí, y habría que añadirle margin
Cita:
position: absolute;
top: 50%;
left: 50%;
margin: -100px 0 0 -100px; /* si el contenedor es de 200 x 200 */

Etiquetas: pantalla
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 16:02.