views:

116

answers:

5

in firefox I can usee firebug, in chrome I can use the css console. Both to make live changes to css for troubleshooting purposes. However I do not know of a way to do this in IE, which is where I have the most css issues.

So, whats the best way to troubleshoot css issues in IE?

Thanks!

+4  A: 

If you like using Firebug, give Firebug Lite a try.

Edit: In case it's not clear, Firebug Lite is for any browser. It is created with JavaScript, it is not an extension/plugin.

This makes CSS debugging easy on IE7 and even IE6.

Matt
+3  A: 

IE Developer tool .. if you are using IE8 .. just hit F12

or

click Tools -> Developer Tools

drusnov
+4  A: 

The most popular for IE is:

Internet Explorer Developer Toolbar

alt text

Sarfraz
Only for pre-IE8. IE8 has them bundled (and won't load that toolbar anyway).
Michael Madsen
@Michael Madsen: Thanks for adding that, I personally don't use that, I am with my development time at firefox and later check in rest of the browsers :)
Sarfraz
+12  A: 

Use the IE Dev Tools (video).

And here for more links and information.

They are built into IE 8 and can be invoked by F12.

Oded
Why the downvote?
Oded
A: 

IE Developer Tools http://msdn.microsoft.com/en-us/library/dd565627%28v=VS.85%29.aspx

Shaji