How to Fix Lightwindow in IE
- 1). Modify the Lightwindow height values to match the necessary start-up dimensions to fix the problem of the overlay box or content container height not following what was set. It should be set to:
"Dimensions : {
Image : { height : 530, width : 230},
page : { height : 530, width : 230},
inline : { height : 530, width : 230},
media : { height : 530, width : 230},
external : { height : 530, width : 230},
titleHeight : 25" - 2). Ensure that your HTML document starts with the correct document type declaration tag. You should use the following to rectify the problem of this utility not running properly in Internet Explorer 7: "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml">".
- 3). Add the line of text: "/* Fix the height of the overlay */ this._getPageDimensions(); document.getElementById("lightwindow_overlay").setStyle({ height: this.pageDimensions.height + 'px'});" after the line: "this._setupDimensions();" to fix the problem of an overlay not properly filling your window using Lightwindow in Internet Explorer 7.
- 4). Visit the Lightwindow website (see Resources) for advice and guidance if problems persist.
