CSS, Ajax and IE 7
I operate the website www.root2020.com. I am having a well-known issue with IE 7 compatibility and was wondering if anyone here could help me. Essentially I have some CSS that works fine before the innerHTML is called, but when I attempt to call it again (the same code) the CSS doesn't come out right. The issue is with the control panel on the left side of the page. When people accomplish goals it reloads the score panel to reflect the new score, which in turn ends up being a CSS bulleted list rather then the pop-out menu.
Please give some specific instructions. Like, what do I have to do to see this in action? Tell me exactly what I have to click on, mouseover, fill out, submit, or whatever, and what exact order I need to do those things in order to see the problem. Oh, and where's the "score panel"?
Originally Posted by jscheuer1
Thank you for your quick response. In order to see it in action, use IE 7 compatibility mode in IE 10. After that, go to "Todays Goals" under the "Overall" section of the left-side control panel. You will see a goal or goals named "test". Click to complete the goal, and the error will show up.
Doesn't seem to happen in a real IE 7, so I wouldn't worry about it. You can put a meta tag on the page to make relatively sure that IE will not use compatibility mode:
Use it as the first meta tag in the head of the page.
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
Note: This will not prevent someone from switching to compatibility mode, and if they have their browser already in compatibility mode, this might not bring them out of it. But in most cases it (coupled with a standards invoking DOCTYPE like you already have) will force the IE browser to use its most recent rendering engine and not to invoke compatibility mode.
Thank you very much John, it worked! :)