I'm having a weird problem with LightBox2 in IE.

I've posted this on their forum twice and have not got any comments back:
[INDENT]
Please I need to figure out why this is happening asap...

Look at http://www.erikpoppke.com/lotus_gallery.php. Click Next -> until you come to American Indian - 90088. Click View Larger Image. There's a scroll bar at the bottom and to the left of the Image title and close X gif, but only in IE. This is the only image that I'm having this issue with. All Larger Images are 400px in height with varying widths. I have about 40 images on this site. Images are stored on the server and paths are stored in a database, so all of the coding is done using PHP forms to go to the next page.

Also, if you look at this site in both FF and IE, you will see that on any View Larger Image, the image is almost to the very top of the page in IE, but not so in FF. Any suggestions on how to move it down in IE while not moving it down in FF?

Using IE 8.0.6001 and FF 3.0.13
[/INDENT]

Anyone with any ideas, I need to get this figured out asap. My client is ready to get his site launched, but wants this fixed before he give approval. All these images are on the server and all the info (image title, image name, size, etc...) are stored in a database. I stink at javascript and every time I try to go into this and tinker around, I mess it or something similar up. I'm made the image wider (added black space width) and this doesn't change anything. I've even taken a view source from this one and several others that works and put into WinMerge and the pages are identical except for what comes from the db.

Thanks,
Alisa

    Hey, I found that there was a caching problem when I widened the image. With 10px of black on either side of the image, I don't get the scroll bars. I'm tired of messing with it, so am going with that instead of trying to figure out what's going on with the JavaScript.

    Thanks anyway,
    Alisa

      I havn't used lightbox2 myself, so I can't look at what the code actually does. However, the scrollbar issue has nothing to do with the image, but rather the texts "American Indian - 90088" and "Close".
      In FF, imageDataContainer is just as wide as outerImageContainer, or 375px. In IE, imageDataContainer seems to be about as wide as the image (275px) + roughly 20px, which could be padding of some kind.
      Add overflow:none to the #imageDataContainer in your stylesheet to see if this is the cause of the scrollbar. Then you can go from there to figure out what causes it.

      In any event, it seems like the image is not wide enough compared to the text when viewed in IE.

      As for the positioning, any definite answer would require me to have the source at hand. But I'd start looking for getComputedStyle function call and see how they deal with that for IE (which doesn't support it).
      the window.innerHeight property might be another thing to look for. I don't remember if innerHeight isn't supported in all browser or implemented the same way, but I do know that there are differences between browsers when it comes to y-axis positioning.

        Thank you so much for that information. I'd rather fix it right than take a hammer to it and force it to work. I just cannot figure out why it only does this scroll bar thing for this one image. On others that are narrower, the text just wraps and I don't get the scroll bar.

          Write a Reply...