Denver: Lightbox2 display problem under IE6

This sounds like a problem with the theme rather than the module I'm afraid. I don't have an instance of IE6 (only IE7) installed, so I can't even reproduce the issue.

Cheers,
Stella

Hello,

I'm experiencing the same problem described by artrow.

Indeed it's probably an issue with the Denver theme's Javascript for IE6, since Lightbox works fine in FF.

Stella, would you please mind giving it a try ?

I'm no Javascript expert and exploring the complex interactions between Lightbox and the Denver theme
is far beyond my possibilities...

Lots of people are still using IE6, because IE7 breaks lots of existing websites.

"Multiple IE's" allows you to run several instances of IE on the same machine.
Multiple IE
Multiple IE - IE7_standalone

Thank you in advance!

Cheers,
Dan

I don't believe the issue is a javascript one. It's more than likely a CSS one. I've been able to reproduce it in the Denver theme in IE6 but I'm not familiar enough with the workings of the Denver theme to provide any assistance. The Denver theme maintainer should hopefully be able to help you.

Cheers,
Stella

Solution!

Stella, you were right and I'm glad to say I've finally found a solution!

The problem is IE not interpreting width: 100%; on #lightbox.

I forced it to understand by mean of a Dynamic Expression.

To solve this issue:

1. Upgrade Lightbox 2 to the most recent version
2. In your_site/admin/settings/performance, disable CSS aggregation
3. In file your_site/themes/denver/hacks/ie.css, add the following line:
   
   

   #lightbox {
     width: expression(document.compatMode=='CSS1Compat'? document.documentElement.clientWidth+'px' : body.clientWidth+'px');
   }

4. Re-enable CSS aggregation and force reload the page

Voilà! Now IE6 behaves as expected.

Cheers,
Dan

BTW: Lightbox2 really rocks! Thank you for providing and actively supporting this brilliant module!

Hi,

Thank you for reporting this and sharing a fix!

Please let me know if/what I can add/change in the code of the Denver Theme to prevent this problem...

Hi,

You are most welcome. Thank you for releasing the Denver Theme :-)

Honestly I don't know if/what you could do in the Denver Theme code. I've tried to understand the reason, but couldn't find it. Further investigating this issue, which only affects IE6 (hopefully on its way to become obsolete), would take too much time and effort to my opinion, hence the fix using proprietary code and only in the ie css file.

Cheers,
Dan

Yay! The solution in comment #5 works on IE6 and is a good solution (not just within the Denver theme).

#lightbox {
  width: expression(document.compatMode=='CSS1Compat'? document.documentElement.clientWidth+'px' : body.clientWidth+'px');
}

The Above Solution Works. Another simple solution for IE6 is to use offsetwidth and height i.e,

height:expression(document.compatMode=='CSS1Compat'? document.body.offsetHeight+'px' : document.body.offsetHeight+'px');
width: expression(document.compatMode=='CSS1Compat'? document.documentElement.offsetWidth+'px' : body.offsetWidth+'px');

or

simply:

height: document.body.offsetHeight;
width: document.body.offsetWidth;

Hope this helps.

Cheers,
Kalyan Revadi

THANK U comment #5!!

it is amazing info!!!