CSS Debugging Tools for IE

Question

Hello All...

Recently have implemented lot of pages with different css classes for my web application.

Now the application looks perfect in Mozilla/Chrome/Safari. But when I am running my app in IE 7 or 8, all the pages are becomes massed-up everywhere, with issues of margin, color, overflowing etc of css.

So, I have try out some of the css debug/edit tools like firebug, XRAY and others that is listed in this link.

I just wanted to know that is there any specific tool available to debug the css files in IE so that I can change the css files accordingly.

Thanks in advance....

Answer 1

If you hit F12 (in IE8 at least) You'll have some developer's tools similar to Firebug and Chrome's tools :)

Answer 2

In IE8 there is a function for you when you hit the F12 button on your keyboard, check it out;)

Answer 3

Internet Explorer Developer Toolbar

An Introduction to the Internet Explorer Developer Toolbar

Answer 4

IE8 has developer tools(f12) built in and is very much similar to Firebug for Firefox

Answer 5

Firebug Lite is something I use quite frequently for IE CSS if I need to. Assuming you have a development site, you just include the script they give you (almost half way down the page), and once you refresh the site, you'll see the firebug icon in the bottom right.

Obviously hardly anything will be as true as the real firebug for FFox, but this helps you especially with CSS, and allows you to make adjustments to things on the fly.