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

usuaria · #1 (**permalink**) 02/05/2009, 12:34

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)

Pedro_valencia · #2 (**permalink**) 02/05/2009, 21:23

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

recuerdos · #3 (**permalink**) 03/05/2009, 02:48

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.

jomaruro · #4 (**permalink**) 03/05/2009, 04:24

Hola:

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

Saludos.

usuaria · #5 (**permalink**) 03/05/2009, 12:19

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?

recuerdos · #6 (**permalink**) 03/05/2009, 12:39

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?

Pedro_valencia · #7 (**permalink**) 04/05/2009, 12:41

Prueba con position:fixed;

ssclamp · #8 (**permalink**) 08/05/2009, 20:12

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

usuaria · #9 (**permalink**) 30/05/2009, 18:12

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 :)

aeternum · #10 (**permalink**) 27/09/2011, 13:19

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]