rockfly
asked on
Internet Explorer 8 Website Display Issue
Hi,
I have a small website for a rural hospital in Georgia that has an issue displaying the dropdown menus in IE8 (webpage opens up to all dropdowns being in extended position), this can be corrected by running IE8 in compatibility mode but most users in community aren't aware of this feature. Does anyone know of a quick fix that would allow for dropdowns to open properly in IE8 by forcing the browser to run in compatibility mode when viewing the hospital webpage.
Thanks,
Steven
I have a small website for a rural hospital in Georgia that has an issue displaying the dropdown menus in IE8 (webpage opens up to all dropdowns being in extended position), this can be corrected by running IE8 in compatibility mode but most users in community aren't aware of this feature. Does anyone know of a quick fix that would allow for dropdowns to open properly in IE8 by forcing the browser to run in compatibility mode when viewing the hospital webpage.
Thanks,
Steven
CvD
Please supply the webaddress, so I can have a look at what you mean.
The real solution would probably be rewriting the code so it would be correctly displayed in IE8.
What you are looking for is a workaround. If you are using IIS as the web server for that site, check out this link:
http://weblogs.asp.net/joelvarty/archive/2009/03/23/force-ie7-compatibility-mode-in-ie8-with-iis-settings.aspx
Even if you aren't using IIS, the solution is there:
Add <meta http-equiv="X-UA-Compatibl
What you are looking for is a workaround. If you are using IIS as the web server for that site, check out this link:
http://weblogs.asp.net/joelvarty/archive/2009/03/23/force-ie7-compatibility-mode-in-ie8-with-iis-settings.aspx
Even if you aren't using IIS, the solution is there:
Add <meta http-equiv="X-UA-Compatibl
ASKER
Have you tried the solution I provided?
ASKER
About to test it now Naomelixes.
Great! Let me know how it goes, then :)
ASKER
Adding that line of code caused all the menus to compress on the left hand side and a black bar below the top graphic. Example attached. 
ASKER
Reverting back to original code now. :)
Tried to open the website, but the server is not responding.
Ok, I can reach it know. I'll have a look at it and come back to you.
ASKER
Yes there seem to be some temporary issues with our hosting company where the website is down sporadically today. Sorry about that.
ASKER CERTIFIED SOLUTION
membership
Create a free account to see this answer
Signing up is free and takes 30 seconds. No credit card required.
Ok, have dived into it a bit more and came up with the fiollowing solution.
before the <html> tag enter the followign line of code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
this should give you the solution. Tested it on IE9, Firefox, Safari and Chrome.
before the <html> tag enter the followign line of code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
this should give you the solution. Tested it on IE9, Firefox, Safari and Chrome.
ASKER
Thanks CvD! Added the code you suggested along with attempting a few variations on it (back to your original suggestion now), still results in same dropdown issue in IE8 & IE9 without compatibility view enabled. Works fine in IE6, 7, Firefox, Chrome.
Thanks,
Steven
Thanks,
Steven
Hmmm, strange. I've copied the source of your index.html and used the <base> tage to reffer to you site. Next I entered the <!DOCTYPE> tag exactly as shown above. Tested it in IE9 without compatibility view enabled and it worked like a charm. The <!DOCTYPE> tag provide, switches on quirks mode making maximum compatibility possible.
No more suggestions at the moment right know, except you should get rid of all javascript errors first and then test again. Because the hiding en viewing is done through script actions. If execution has been broken by the browser before you come to hiding the menus, they will be visible still.
No more suggestions at the moment right know, except you should get rid of all javascript errors first and then test again. Because the hiding en viewing is done through script actions. If execution has been broken by the browser before you come to hiding the menus, they will be visible still.
ASKER
I'll do my best to remedy the existing javascript errors, test, and update the thread with what I find CvD, thanks again for all your help.
ASKER
Solution was partial, required further research.
ASKER
CvD you fixed it! Sorta. After trying every variation under the sun to force IE8 into IE7 or quirks mode, I noticed in your third post the name of the company that had created the template "copyright-allwebco.js" that the website was originally built off of. I googled with that info and "dropdown menu issue" and the first hit was the exact solution detailed step by step... http://allwebco-templates.com/support/S_dropdown_menus_IE7Update.htm
Thanks so much for giving me the hint that led to the answer.
Steven
Thanks so much for giving me the hint that led to the answer.
Steven