Get ready for BLACK FRIDAY shopping starting in

DMXzone Lightbox Support Product Page

Solved

v1.0.10 issue with IE browser

Reported 03 Mar 2011 14:59:06
1
has this problem
03 Mar 2011 14:59:06 Greg Hogan posted:
I've just upgraded my DMX Lightbox from 1.0.9 to 1.0.10.

With 1.0.10, the modal window jumps around and the dimmed background flickers when displaying content in IE7 and also in IE8 using compatibiity mode.

It works as expected in IE8 when NOT in compatibility mode.

Also works OK in Safari, Chrome, Opera, Firefox on windows here.

Lots of IE7 users still out there. Can this be fixed?

Test sample can be found here

www.tech-nique.co.uk/DMX_test/test.html


Edited by - Greg Hogan on 03 Mar 2011  14:59:30

Replies

Replied 03 Mar 2011 16:04:46
03 Mar 2011 16:04:46 George Petrov replied:
Hi Greg,

When you have a DOCTYPE included on your html page it will never run in Quirks mode (compatibility) so your page is all fine in IE.

it will display fine in IE7 & IE8 browsers per default.

Greetings,
George
Replied 03 Mar 2011 21:02:28
03 Mar 2011 21:02:28 Greg Hogan replied:
Hi George,

I'm not sure I understand you properly.

Using Lightbox 1.0.9, I have pages with the following DOCTYPE specified that work OK in IE7 and IE8 (with or without IE8 compatibility mode). This is also the same as my test page.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">

With 1.0.10 the jumping appears in IE7.

Are you saying I should remove the DOCTYPE declaration to get Lightbox to work in IE7?

Surely 1.0.10 should do what 1.0.9 does whilst still providing the various improvements?

Replied 04 Mar 2011 12:41:16
04 Mar 2011 12:41:16 George Petrov replied:
No I'm just saying that you must have DOCTYPE!
Then IE compatibility will always be fine.

George
Replied 17 Mar 2011 15:20:09
17 Mar 2011 15:20:09 Greg Hogan replied:
I've not been able to look at this issue again until now.

I do have a DOCTYPE in my test file but the lightbox still misbehaves in IE7 and IE8 compatibility mode.

I also noticed something else. When the lightbox is displayed, the content and transparent overlay are only sized and centred to the visible area of the browser window and not the size of the entire web page.

I made my test page longer to demonstrate this.

In IE7 or IE8 compatibility mode, if you display a lightbox then scroll down the page, the lightbox scrolls with the page and does not remain floating central like it does in all the other browsers I've tried.

Test sample can be found here

www.tech-nique.co.uk/DMX_test/test.html

Replied 28 Apr 2011 20:21:28
28 Apr 2011 20:21:28 Joe Holt replied:
I am having the same type of problem in IE. If I am scrolled down a page, the Lightbox always shows up at the top of the page and the user has to scroll up to see it. Works fine in all but IE.

If you go to mygolfvacation.com and enter a start and end date under Start Your Trip Here in the right column, it will take you to a page called findtrip2.asp If you scroll down that page a ways and click on one of the Click Details links you will see what I am talking about.
Replied 14 May 2011 12:58:41
14 May 2011 12:58:41 Mauro G. replied:
I have DMX Lightbox 1.0.11 and I use Dreamweaver CS5 on my Mac.
I try it but I have the same problem in IE. Look the page test at :
lannathai.altervista.org/new/staff.html
Click on the photo.
I check the code DOCTYPE as you wrote in FAQ...



Edited by - Mauro G. on 14 May 2011  13:20:27
Replied 16 May 2011 10:03:35
16 May 2011 10:03:35 Miroslav Zografski replied:
Hello ,

please provide information on the version of the IE used.

Regards,
Replied 16 May 2011 10:31:02
16 May 2011 10:31:02 Mauro G. replied:
QuoteHello ,

please provide information on the version of the IE used.

Regards,


Sorry, I forgot to write it: IE 7 and IE 8
Thank you
Replied 26 May 2011 01:19:30
26 May 2011 01:19:30 Bart Garner replied:
I have the same issue in IE 8 and IE 9.
Lightbox appears at top of page and you have to scroll up to see it.

Does not matter what DOCTYPE is specified or even if a DOCTYPE is specified.
Replied 26 May 2011 02:13:54
26 May 2011 02:13:54 Bart Garner replied:
It occurred to me that I have websites that I put the lightbox on last year so I viewed them in IE 9.0 and they are just fine.

I copied the DMX folder from that website to this one that I am working on now and the problem is fixed now in all browsers.

The working site uses DMXzone Lightbox 1.0.5 and dmx.core.js v 1.0.6.

Through further testing, the file dmx.lightbox.js is the problem. If I use an old version, it works fine.

Edited by - Bart Garner on 26 May 2011  02:19:53
Replied 27 May 2011 11:46:05
27 May 2011 11:46:05 Teodor Kuduschiev replied:
Hello Bart,

Thanks for the feedback - we are going to check this.
Replied 31 May 2011 14:52:18
31 May 2011 14:52:18 Greg Hogan replied:
I've just revisited this problem after reading that other people are now experiencing the same problem.

Problem Description: in IE8 compatibility mode, the lightbox appears but is static and scrolls up with the base page instead of floating centrally, plus the grey background only extends as far as the visible browser window on launch and also scrolls with the page instead of floating.

I've just run some further tests and believe I've found a workaround that appears to fix this issue for the moment.

I uninstalled Lightbox 1.0.10 (or 1.0.11 - both exhibit the same problem here) and re-installed Lightbox 1.0.9.

I replaced the version of "jquery-latest.pack.js" supplied with v1.0.9 for the version supplied with Lightbox 1.0.11 and "hey presto" the problem goes away and Lightbox displays correctly in IE8 in both standard and compatibility modes.

I also tested in Firefox, Safari, Chrome and Opera without any apparent issues.

Hope this helps to find out what's causing this display problem.



Edited by - Greg Hogan on 31 May 2011  19:51:03
Replied 02 Feb 2012 10:03:24
02 Feb 2012 10:03:24 Vulcho Vulev replied:
This issue has being fixed in the latest version 1.0.12

Please download a fresh copy from our site and install it.

Regards: V.Vulev

Reply to this topic