[jQuery] Imagebox Outer Container issue in IE.
I love the Imagebox plugin and have used it extensively, but have run
into a situation I don't know how to handle.
I have created a "mini gallery" of images within a page with lots of
other information (the important part here is that the imagebox images
are not at the top of the page), so when one of the thumbnails is
clicked, the full size image appears towards the top of the page (just
over 50px from top), out of view. I discovered an easy fix, which was to
change the positioning of the outer container to fixed instead of
absolute. Then, the image is created a certain distance (don't know how
this is calculated) from the top of the /browser window/ instead of the
top of the page, hence it's always in view, no matter where on the page
the gallery is.
Unfortunately, this doesn't work in IE. Suddenly, the overlay is at the
top of the page, but the fullsize image itself is at the bottom, below
all the other content!
I'm thinking that IE6 doesn't correctly support fixed positioning, or
possibly this has something to do with the fact that it's in an iframe...
Anyone got ideas?
Thanks in advance,
Robert Vidrine