Lightbox 2 Shadow Overlay Help

gracie4288

07-19-2007, 05:27 AM

Hello :)
I am using the Lightbox 2 javascript (available here (http://www.huddletogether.com/projects/lightbox2/)) for my friend's portfolio: http://www.renewiley.com/art.php, however, after a picture is clicked, the shadow overlay doesn't stretch over the full browser--especially if you scroll down.

The support from the creator (http://www.huddletogether.com/projects/lightbox2/#support) said:
The shadow overlay doesn't stretch to cover full browser window.
Remove the default margin and padding from the body tag. Add body{ margin: 0; padding: 0; } to your stylesheet.

I did that, yet this still didn't fix the problem. Through a series of trial and error, I discovered the Lightbox 2 script works fine when I remove my doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Here is the "fixed" example (http://renewiley.com/art2.php)

How can I make the script work without removing my doctype?

_Aerospace_Eng_

07-19-2007, 07:37 AM

You don't. Thats one of the main reasons why I am not using Lightbox anymore for my site. I am using thickbox. http://jquery.com/demo/thickbox/

Its a little less pretty but its still unique and appealing. Ironically the lightbox 2 version does work as expected. The overlay goes the full height of the layout. The only issue now is the image doesn't scroll down as the user does. Thickbox has this feature.

The overlay also seems to only work properly in Firefox.

gracie4288

07-19-2007, 06:50 PM

Thanks for the suggestion! But I think I fixed it--atleast in IE7--using this (http://www.huddletogether.com/forum/comments.php?DiscussionID=1129&page=1#Item_0) solution to the problem.