Images are overflowing their container in IE8 with Fancybox

Question

In a sort of follow up to this question, I have another problem in IE8.

When clicking the gallery and the lightbox appears, the images are overflowing their containing element (by the looks of things).

_{(source: alexanderdickson.com)}

Has anyone ever experienced this before? Of course, the good guys (Firefox/Safari/etc) display it perfectly.

How do I fix this?

Thanks

UPDATE

Should I just got with a new Lightbox?

Is it happening to all the images or just a few? – vectran Feb 11 '10 at 02:40 — vectran, Feb 11 '10 at 02:40

score 0 · Answer 1 · edited May 20 '10 at 23:08

0

If it's always just a tiny bit around the borders, it'd be a quick and dirty fix to just add overflow: hidden to the fancybox container.

edited May 20 '10 at 23:08

alex

479,566
201
878
984

answered Feb 11 '10 at 02:57

Mike Crittenden

5,779
6
47
74

Except then I'll lose some of the image, and by the looks of things, the white border too. – alex Feb 11 '10 at 02:58

score 0 · Accepted Answer · answered Feb 11 '10 at 22:44

0

I ended up using prettyPhoto. Not only does it work, but it provides a much better API. I could skip all my hidden link building and triggering, I passed the array of filepaths straight in and it worked great cross browser.

answered Feb 11 '10 at 22:44

alex

479,566
201
878
984

score 0 · Answer 3 · edited Dec 20 '12 at 11:29

0

Set the DOCTYPE, for example xHTML1.1 Transitional for the document and the problem will be solved. Or enable X-Compability mode.

edited Dec 20 '12 at 11:29

j0k

22,600
28
79
90

answered Jun 10 '10 at 06:47

Chinese Noodlese

1

Images are overflowing their container in IE8 with Fancybox

3 Answers3

Linked