Lightbox2 not working properly in IE9 [#1415540]

When I do a lightbox for a image or video, the semi-transparent background does not extend to the whole screen as it does in Firefox.

I don't know if this is the right forum, but the thread here (http://drupal.org/node/237385) seemed to think IE problems were theme specific.

I tried going into the .css (sites/all/modules/lightbox2/css and lightbox.css) and entering the code as directed in the thread since someone noted it worked for other themes, but it did not work for me.

I have attached a screenshot of the problem - you can see the gray behind the video does not stretch over - it does in Firefox.

Any ideas on how to solve this?

Comment	File	Size	Author
#5	screenshot-demosite.jpg	103.49 KB	madgib
#3	screenshot.jpg	48.52 KB	madgib

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

dreardon CreditAttribution: dreardon commented 24 January 2012 at 18:04

Version:

7.x-1.7

» 7.x-1.4

Comment #2

ravis CreditAttribution: ravis commented 26 January 2012 at 03:06

Are you working on a live site??

Also, I cannot see any screenshot attached. Please post a screenshot.

Comment #3

madgib CreditAttribution: madgib commented 21 April 2012 at 16:14

Category:

support

» bug

File	Size
screenshot.jpg	48.52 KB

I'm experiencing the same problem. I suspect it may be caused by CSS related to the "scroll to top" javascript, but I haven't been able to track anything down yet. The problem does not appear when using the Bartik theme. I've attached a screenshot of what it looks like. Any help is appreciated!

Comment #4

ravis CreditAttribution: ravis commented 21 April 2012 at 23:45

I just installed Lightbox2 module on Touch theme demo url.
Its working without any issue on demo installation. Please check images on demo url:
http://www.drupalyag.com/touch

Comment #5

madgib CreditAttribution: madgib commented 24 April 2012 at 23:02

File	Size
screenshot-demosite.jpg	103.49 KB

I'm experiencing the same problem with the demo site - see attached. Anything I can do to be helpful?

Comment #6

ravis CreditAttribution: ravis commented 25 April 2012 at 02:16

OK, problem is only in IE browser. I tested on Firefox and Chrome.

Here is the solution:

Open style.css in any text editor.

Find following codes:

body {
background: #e8e8e8;
color: #323232;
font-family: Lucida Grande, Verdana, Arial, sans-serif;
font-size: 12px;
line-height: 18px;
width: 980px;
margin: 0 auto;
padding: 0;
}

Change this to:

body {
background: #e8e8e8;
color: #323232;
font-family: Lucida Grande, Verdana, Arial, sans-serif;
font-size: 12px;
line-height: 18px;
margin: 0 auto;
padding: 0;
}