PDA

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.