LigthBox - Bug en IE

[el_javi]

Buenas noches a todos.

Os escribo porque estoy usando LigthBox para un proyecto.

Todo funciona a la perfección, pero el problema viene cuando la página tiene Scroll Vertical.

En Firefox, todo va bien se cubre perfectamente todo con la capa de oscurecido, pero en IE, solo se cubre lo que ocupa el navegador, pero si bajas el scroll, esa parte no está cubierta.

Entonces, querría saber si es un bug conocido, con su solución o alguna manera de solucionarlo.

Espero vuestros comentarios.

Un saludo.

Javier

[jackson666]

Probaste poniendo en los estilos de tu pagina el selector universal con margin:0 y padding:0??

[Panino5001]

Me ha pasado alguna vez eso que mencionás usando ligthbox2. Lo solucioné de varias maneras:
1) haciendo que

Código PHP:

  document.documentElement.style.overflow=document.body.style.overflow='hidden';  
   

durante la apertura, y visible durante el cierre

2)Controlando las dimensiones de la ventana con esta función:

Código PHP:

  <script>
function getWindowData(){
    var widthViewport,heightViewport,xScroll,yScroll,widthTotal,heightTotal;
    if (typeof window.innerWidth != 'undefined'){
        widthViewport= window.innerWidth-17;
        heightViewport= window.innerHeight-17;
    }else if(typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth !='undefined' && document.documentElement.clientWidth != 0){
        widthViewport=document.documentElement.clientWidth;
        heightViewport=document.documentElement.clientHeight;
    }else{
        widthViewport= document.getElementsByTagName('body')[0].clientWidth;
        heightViewport=document.getElementsByTagName('body')[0].clientHeight;
    }
    xScroll=self.pageXOffset || (document.documentElement.scrollLeft+document.body.scrollLeft);
    yScroll=self.pageYOffset || (document.documentElement.scrollTop+document.body.scrollTop);
    widthTotal=Math.max(document.documentElement.scrollWidth,document.body.scrollWidth,widthViewport);
    heightTotal=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight,heightViewport);
    return [widthViewport,heightViewport,xScroll,yScroll,widthTotal,heightTotal];
}
</script>  
  

[el_javi]

Hola jackson666

Gracias por el detalle de selector universal con margin:0 y padding:0

En la maquetación inicial el selector universal ya estaba puesto.


Panino5001
He introducido tu función getWindowData y la he incluido en lightbox++.js para que siempre esté ahí para futuros proyectos.

Muchas gracias por vuestras respuestas.

Un saludo.

Javier