Foros del Web » Creando para Internet » CSS »

Como logro centrar un div y que se mantenga centrado al scrollear

Estas en el tema de Como logro centrar un div y que se mantenga centrado al scrollear en el foro de CSS en Foros del Web. Tengo una ventana modal, y quiero que se abra en el centro del navegador. (ya sea que haya scroleado la pagina o no) como puedo ...
  #1 (permalink)  
Antiguo 02/05/2009, 13:34
 
Fecha de Ingreso: marzo-2007
Mensajes: 302
Antigüedad: 10 años, 8 meses
Puntos: 2
Pregunta Como logro centrar un div y que se mantenga centrado al scrollear

Tengo una ventana modal, y quiero que se abra en el centro del navegador. (ya sea que haya scroleado la pagina o no) como puedo hacer? (masomenos lo que lograria con un fixed, con la diferencia de que quiero que se pueda scrolear el elemento, su uso el fixed solo me scrolea el fondo pero no el elemento)
  #2 (permalink)  
Antiguo 02/05/2009, 22:23
Avatar de Pedro_valencia  
Fecha de Ingreso: diciembre-2007
Ubicación: Valencia
Mensajes: 82
Antigüedad: 10 años
Puntos: 6
Respuesta: Como logro centrar un div y que se mantenga centrado al scrollear

No te entiendo, ¿puedes explicarte mejor?

Creo entender que lo que quieres es que la ventana esté en el centro de la página siempre, hagas scroll o no.

¿No es así?

Un saludo
  #3 (permalink)  
Antiguo 03/05/2009, 03:48
 
Fecha de Ingreso: mayo-2009
Mensajes: 9
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: Como logro centrar un div y que se mantenga centrado al scrollear

Si lo que quieres es centrar un div siempre, tienes que aplicar el "margin: 0 auto;" al div que quieras centrar. Si tienes un div "contenedor" de otros div, deberás aplicárselo al "contenedor".

Ahora, lo del scroll no lo entendí muy bien...
Saludos.
  #4 (permalink)  
Antiguo 03/05/2009, 05:24
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: Como logro centrar un div y que se mantenga centrado al scrollear

Hola:

No se si funcionará pero ¿Has probado a poner esa ventana con posición absoluta?

Saludos.

  #5 (permalink)  
Antiguo 03/05/2009, 13:19
 
Fecha de Ingreso: marzo-2007
Mensajes: 302
Antigüedad: 10 años, 8 meses
Puntos: 2
Pregunta Respuesta: Como logro centrar un div y que se mantenga centrado al scrollear

Con lo de scrolear me refiero a que: si le pongo margin 0 auto me centra el div pero arriba de todo. Osea si mi boton esta en la parte de abajo de la pagina (es decir tuve que scrolear) el div me lo abre arriba de todo por lo tanto para poder verlo tengo que scrolear para arriba. Ese es el problema?
  #6 (permalink)  
Antiguo 03/05/2009, 13:39
 
Fecha de Ingreso: mayo-2009
Mensajes: 9
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: Como logro centrar un div y que se mantenga centrado al scrollear

Uff... pues no sé si te entiendo del todo... ¿quieres un div centrado siempre que tenga un límite de altura? ¿quieres poner un scrollbar en el div centrado, en vez de en la página misma?
  #7 (permalink)  
Antiguo 04/05/2009, 13:41
Avatar de Pedro_valencia  
Fecha de Ingreso: diciembre-2007
Ubicación: Valencia
Mensajes: 82
Antigüedad: 10 años
Puntos: 6
Respuesta: Como logro centrar un div y que se mantenga centrado al scrollear

Prueba con position:fixed;
  #8 (permalink)  
Antiguo 08/05/2009, 21:12
 
Fecha de Ingreso: octubre-2004
Mensajes: 289
Antigüedad: 13 años, 2 meses
Puntos: 10
Respuesta: Como logro centrar un div y que se mantenga centrado al scrollear

Hola usuaria

Creo que he entendido bien el problema y la solución la tengo subida a este almacén:

http://www.box.net/shared/5mvtl0qgsk

Comenta si esto resuelve el asunto.

Saludos
  #9 (permalink)  
Antiguo 30/05/2009, 19:12
 
Fecha de Ingreso: marzo-2007
Mensajes: 302
Antigüedad: 10 años, 8 meses
Puntos: 2
Desacuerdo Respuesta: Como logro centrar un div y que se mantenga centrado al scrollear

Esto me anda si tengo el div con posicion absoluta respescto del body. Pero mi problema es que lo que tengo que centrar se encuentra dentro de otra cosa que tiene posición absoluta (tengo un modal posicionado con respescto al fondo "gris" de modal). Alguna idea de como lo puedo arreglar?

Grx por lo que subiste :)
  #10 (permalink)  
Antiguo 27/09/2011, 14:19
 
Fecha de Ingreso: marzo-2011
Ubicación: Venezuela
Mensajes: 2
Antigüedad: 6 años, 8 meses
Puntos: 0
Respuesta: Como logro centrar un div y que se mantenga centrado al scrollear

Necesitas un elemento html fijo (position:fixed) que al scrollear la página dicho elemento permanezca en el mismo sitio de la pantalla. Y también lo quieres centrado. No es muy complicado, revisa [URL="http://comunidadvc.blogspot.com/2011/09/como-centrar-horizontalmente-una.html"]esto[/URL]
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 21:02.