Problems with Internet Explorer and Lightbox [Archive]

View Full Version : Problems with Internet Explorer and Lightbox

mahastew

01-04-2010, 10:30 PM

Lightbox is working/looking great with my Mac browsers (Firefox, Safari), but I'm experiencing an issue with it in the current version of Internet Explorer for PC: Scrollbars appear around the display window which prevent the entire image from being viewed at once. I tried removing the dimensional attributes from the outer image container, but it didn't help.

http://www.stewellington.com/Sandbox/wildlife.html

Any help will be warmly received!

Stew

jscheuer1

01-05-2010, 06:17 AM

Go back to how it was before you tried to fix it. Use a valid URL DOCTYPE for your page like:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

It should be the very first thing in your page's source code, before the opening <html> tag.

mahastew

01-05-2010, 07:59 PM

Thanks, John. I'm new to the concept of "valid URL DOCTYPE" and to http://www.w3.org/. How do I determine a valid URL DOCTYPE?

Thanks again,
Stew

jscheuer1

01-05-2010, 09:24 PM

http://www.w3.org/QA/2002/04/valid-dtd-list.html

HTML 4.01 strict is very good. You may have better luck with the one I posted in my last message though. The main reason for a valid URL DOCTYPE in this case is to trigger IE's (6+) standards mode in rendering the lightbox. The URL in this case is a link back to the W3C's DTD for that DOCTYPE. This is required to trigger standards mode in IE, though the HTML 5 DOCTYPE, which is very simple and has no URL:

<!DOCTYPE HTML>

is supposed to trigger standards mode as well. I haven't tested it enough to be sure if it will be sufficient in this case, but you're welcome to give it a try.

Once you have a DOCTYPE, you can see if your page is valid for that DOCTYPE, but that's a whole other story, often not necessary, though generally a good idea.