Ver Mensaje Individual
  #17 (permalink)  
Antiguo 23/03/2010, 12:53
Avatar de neodani
neodani
 
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años, 1 mes
Puntos: 20
Respuesta: Crear modal box con jquery y efecto fade in/out

Cita:
Iniciado por neodani Ver Mensaje
El problema es que no centra la ventana MODAL en mitad de la pantalla, sino que cuenta al parecer los pixels de la ventana del navegador y lo ajusta a ese tamaño. Esto es un problema porque si el tamaño real de la página es mas largo, cuando se abre la ventana queda arriba del todo.

¿Alguna idea?
No es fácil al tratarse de una ventana modal que aparece por encima del resto de elementos. Las técnicas habituales no funcionan :S:S

Código CSS:
Ver original
  1. top: 50%; /*Lo colocamos al 50% de la pantalla en vertical*/
  2. left: 50%; /*Lo colocamos al 50% de la pantalla en horizontal*/
  3. margin-top: -185px; /*le restamos la mitad del valor de height para centrarla*/
  4. margin-left: -210px; /*le restamos la mitad del valor de width para centrarla*