I am looking for solution that will help me to make my web page compatible with IE 7, 8, 9.
I have inherited page, which if rendered in IE 7 there are no issues. However if I do render it in IE 8,9 the page is not rendered correctly.
I have fixed the page header and content. But in some cases I still does not render correctly. I am in process of running the CSS and HTML through W3C validator and removing issues.
Is there some way to tell me why the page has been run under compatibility mode and what are the issues?
Update I have in the system html header:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
or
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
which is defined here: http://www.w3.org/QA/2002/04/valid-dtd-list.html
As html5 is not yet standard, I am not sure whether it is good for me to use that and after fight older versions of IE
The solution for me is:
<meta http-equiv="X-UA-Compatible" content="IE=7" />