DMXzone Lightbox Support Product Page
Solved
IE 8 Problem
Reported 16 Jan 2010 16:39:27
1
has this problem
16 Jan 2010 16:39:27 Garnetta Sullivan posted:
I'm also having a problem with IE 8. It shows the lightbox at the top of the page instead of over the page. This is unacceptable. If the thumbnails are at the bottom of a page and the lightbox opens above the page, some people would not know to scroll up to find it. I do not have pop-up blockers on. I have read the other two messages regarding their problems with IE 8 and have not seen a "fix" for my issue. Also, I don't know much programming as I'm a designer so I may need a little more explanation when you help me.
The address of the test page I'm having problems with: www.potterybyjeffwalker.com/test/pastel.htm
Thank you for your help
Edited by - Garnetta Sullivan on 16 Jan 2010 16:42:09
Edited by - Garnetta Sullivan on 16 Jan 2010 16:42:43
Replies
Replied 16 Jan 2010 20:42:51
16 Jan 2010 20:42:51 George Petrov replied:
Hi Garnetta,
Please add DOCTYPE like below as first line to your html page:
Otherwise IE is running in old Quirks mode and have lots of rendering issues.
Greetings,
George
Please add DOCTYPE like below as first line to your html page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Otherwise IE is running in old Quirks mode and have lots of rendering issues.
Greetings,
George
Replied 16 Jan 2010 23:49:11
16 Jan 2010 23:49:11 Garnetta Sullivan replied:
George, I tried adding the script you sent and it did not clear up the problem.
Please help.
: )
Garnetta
Please help.
: )
Garnetta
Replied 16 Jan 2010 23:51:50
16 Jan 2010 23:51:50 Garnetta Sullivan replied:
George,
I figured out I put the doctype in at line three instead of line 1. When I changed it to line 1, lightbox started appearing where it is supposed to be on the page in IE 8.
Thank you so much for your help!
I appreciate it.
Garnetta
I figured out I put the doctype in at line three instead of line 1. When I changed it to line 1, lightbox started appearing where it is supposed to be on the page in IE 8.
Thank you so much for your help!
I appreciate it.
Garnetta
Replied 17 Jan 2010 10:29:55
17 Jan 2010 10:29:55 Patrick Julicher replied:
Hi Garnetta,
Glad this works. Could you let me know what the 2 lines of code above the DOCTYPE are? I want to write an FAQ on this issue.
Kind regards, Patrick
Glad this works. Could you let me know what the 2 lines of code above the DOCTYPE are? I want to write an FAQ on this issue.
Kind regards, Patrick
Replied 17 Jan 2010 16:19:08
17 Jan 2010 16:19:08 Garnetta Sullivan replied:
George,
I had used an old, very old, html file I created a long time ago to do my Lightbox testing and it did not have a doctype at the beginning of the html file. That's where my problem was.
I originally added the doctype code you gave me in this position of my html code, and of course it didn't correct the problem:
1 <html>
2 <head>
3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "www.w3.org/TR/xhtml1/DTD/
xhtml1-transitional.dtd">
Then I created a new Dreamweaver html page to view the code and discovered Dreamweaver now automatically generates the doctype line so I compared the files and realized the doctype information should be added in line 1 of the code like this:
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "www.w3.org/TR/xhtml1/DTD/
xhtml1-transitional.dtd">
2 <html>
3 <head>
If I had generated a new Dreamweaver page to begin with I wouldn't have had the problem with IE 8. But eventually I'm sure I will be adding Lightbox to some of my older html files and would have had the problem then. So it's good to have the knowledge!
Thank you for your speedy and expert help!
I had used an old, very old, html file I created a long time ago to do my Lightbox testing and it did not have a doctype at the beginning of the html file. That's where my problem was.
I originally added the doctype code you gave me in this position of my html code, and of course it didn't correct the problem:
1 <html>
2 <head>
3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "www.w3.org/TR/xhtml1/DTD/
xhtml1-transitional.dtd">
Then I created a new Dreamweaver html page to view the code and discovered Dreamweaver now automatically generates the doctype line so I compared the files and realized the doctype information should be added in line 1 of the code like this:
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "www.w3.org/TR/xhtml1/DTD/
xhtml1-transitional.dtd">
2 <html>
3 <head>
If I had generated a new Dreamweaver page to begin with I wouldn't have had the problem with IE 8. But eventually I'm sure I will be adding Lightbox to some of my older html files and would have had the problem then. So it's good to have the knowledge!
Thank you for your speedy and expert help!
Replied 18 Jan 2010 08:16:05
18 Jan 2010 08:16:05 Patrick Julicher replied:
Hi Garnetta,
Thanks for the explanation. I will be including this in a FAQ.
Kind regards, Patrick
Thanks for the explanation. I will be including this in a FAQ.
Kind regards, Patrick
Replied 16 Nov 2010 21:03:30
16 Nov 2010 21:03:30 Alastair McAtee replied:
Hi - I had the same problem in IE8, the lightbox showed at the top of the page. I followed George's advice and included
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
as the first line of code. However, that didn't fix it. It was only when I also included this code below the <title></title> tag that it worked OK for me ...
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
This will force IE8 to run with "Compatibility view" turned on.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
as the first line of code. However, that didn't fix it. It was only when I also included this code below the <title></title> tag that it worked OK for me ...
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
This will force IE8 to run with "Compatibility view" turned on.
Edited by - Alastair McAtee on 16 Nov 2010 21:05:40