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
Last Comment
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
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
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
HTML
HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.
62K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
TRUSTED BY
