Foros del Web » Creando para Internet » CSS »

Ventana modal deja de funcionar en IE

Estas en el tema de Ventana modal deja de funcionar en IE en el foro de CSS en Foros del Web. Siguiendo con los problemas de diseño que está dando mi web (y mira que es poca cosa), cuando ya había conseguido que todo funcionara más ...
  #1 (permalink)  
Antiguo 22/11/2010, 13:31
 
Fecha de Ingreso: marzo-2004
Mensajes: 35
Antigüedad: 13 años, 9 meses
Puntos: 0
Ventana modal deja de funcionar en IE

Siguiendo con los problemas de diseño que está dando mi web (y mira que es poca cosa), cuando ya había conseguido que todo funcionara más o menos decentemente y he pasado a la parte estrictamente estética, resulta que las ventanas modales (tipo Lightbox) no funcionan en Internet Explorer. En Firefox en cambio, la cosa va como la seda.

Como ya he comentado por aquí un par de veces, mis ventanas modales siguen un sistema muy rústico:
Código:
<a href = javascript:void(0) onclick = document.getElementById('blanco').style.display='block';document.getElementById('degradado').style.display='block'>VINCULO</a></b>
<div id=blanco class="recuadro_blanco">LO DE DENTRO DE LA VENTANA<p><a href = javascript:void(0) onclick =document.getElementById('blanco').style.display='none';document.getElementById('degradado').style.display='none'>CERRAR</a></div>
<div id=degradado class="recuadro_degradado"></div>

--------------------------------

.recuadro_degradado{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index:1001;
    -moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
}


.recuadro_blanco {
    display: none;
    position: fixed;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    padding: 16px;
    border: 16px solid grey;
    background-color: white;
    z-index:1002;
    overflow: auto;
}
El caso es que los vínculos que lanzan las ventanas modales, además de en una tabla, se encuentran en una capa que va desde la mitad de la pantalla hacia abajo.En Internet Explorer la ventana modal deja de cargar adecuadamente y, en vez de aparecer fija más o menos en el centro de la pantalla sobre el fondo degradado, se abre en la celda del vínculo que la llama y el degradado se convierte en un recuadrito blanco en la esquina de la capa. Me he puesto a jugar con la hoja de estilo y, con esta compensación:
Código:
.recuadro_blanco {
    *position: absolute;
    width: 700;
    height: 300;
}
consigo que la ventana modal no cargue en la celda, sino fuera de ésta, pero su alineación se produce respecto a la capa en que se encuentra, no toda la ventana, y sigue sin aparecer el fondo degradado (se convierte en un recuadrito blanco en la esquina superior izquierda de la capa, aunque ahora mismo eso es lo que menos me preocupa). Además, la ventana no se queda en su posición (normal, si no tiene atributo "fixed") y se desplaza con el resto del contenido, por no hablar de que siempre se abre en la parte de arriba del contenido, no a la altura deseada.

¿Cómo puedo hacer que funcione en Internet Explorer?

Por otra parte, me han hablado de aplicaciones prefabricadas para este tipo de ventanas. Teniendo en cuenta que lo que cargo son registros de una base de datos, ¿podría alguien recomendarme alguna aplicacición ya hecha? A la que sólo tuviera que pasarle la consulta y me mostrara el resultado, ya que no voy a enlazar ni otras webs ni imágenes ni nada de eso.

Muchas gracias.
  #2 (permalink)  
Antiguo 22/11/2010, 14:07
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.827
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Ventana modal deja de funcionar en IE

podríamos ver tu sitio?

o con aplicaciones prefabricadas mmm me vienen a la mente este par

http://highslide.com/
http://gettopup.com/

quizas te ayuden o igual busca alguno que te sirva aquí http://planetozh.com/projects/lightbox-clones/
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 22/11/2010, 14:56
 
Fecha de Ingreso: marzo-2004
Mensajes: 35
Antigüedad: 13 años, 9 meses
Puntos: 0
Respuesta: Ventana modal deja de funcionar en IE

Muchas gracias por la guía de aplicaciones prefabricadas; creo que sabré adaptar alguna a mis necesidades y así evito insertar Javascript a lo bestia, aunque me sorprende que todas están siempre dirigidas a imágenes, vídeos u otras páginas web, y no encuentro ejemplos que muestren lo que quiero que haga mi web.

No puedo enseñar el sitio por el momento, y es realmente complicado explicar coherentemente cosas relacionadas con el diseño sin imágenes. Podría disponer como mucho de capturas de pantalla con los datos modificados; si no, tendría que retirar los datos de la base de datos y poner unos de prueba. Creo que por el momento probaré alguna de esas aplicaciones, que en la lista hay muchas, y si en Navidades la cosa sigue sin funcionar, creo que ya podré dar una dirección pública.

Pero muchas gracias por la lista de aplicaciones; todas las que yo había encontrado eran del estilo de las ventanas del Facebook y no me convencían.

Gracias.
  #4 (permalink)  
Antiguo 22/11/2010, 15:02
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.827
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Ventana modal deja de funcionar en IE

ok pues mucha suerte, y pues usa los filtros del lado superior derecho y busca hay varios que aceptan iframe o html (no dudaria que estos tambien acepten un php o aspx)
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....

Etiquetas: modal, ventanas
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 10:58.