Search code examples
cssinternet-explorerinternet-explorer-7web-developer-toolbar

Debugging a webpage for IE 7


I am testing a web page for IE 7. I am currently using IE Tester to test it. I have an issue where a div that is visible on other browsers is not visible in IE 7. I have tried to increase the z-index to see if that was the issue but I have had no luck.

The main reason I am struggling is because I cannot figure out what is actually wrong, and why the div is not showing up like I want it to. Usually I do all my css work with help from debugging tools like firebug or the google and opera equivalents, but I am noticing there is really little to nothing I can do with the IE Tester debugger.

In short Is there a decent debugging tool I can use to debug css in IE 7?


Solution

  • I have used IE8+.

    With the Developer Tools (F12) included in IE8 you can switch to the IE7 rendering engine. This will allow you view the webpage as it will appear in IE7 but give you access to the debugging mode and console available with IE8+ browsers.