Menu
Are there tools other than Firebug Lite that might help one get into Internet Explorer's buggy little mind and find out precisely where and why it's mangling my CSS so badly?
Firebug Lite is a useful tool of course, but it seems to be missing the crucial feature (present in the 'full' Firebug plugin) that allows you to see which parts of which declarations are ignored in favor of other declarations.
For example, using Firefox with Firebug I can see that .foo {color: red} is overridden by .bar {color: blue} later in the stylesheet.
But, Firebug lite only seems to show the final, calculated style -- I can't tell which declarations are being ignored, which are being overridden, which aren't supported at all, and which are just plain buggy.
Is there another tool that might be helpful here?
444
When something has gone wrong in your CSS, you can begin by using your favorite browser's built-in DevTools to: toggle off rules one at a time. toggle all rules off and bring them back one at a time. remove or relocate elements.
You can do this with the keyboard using the F12 key or by selecting “F12 Developer Tools” in the “Tools” menu. The Developer Tools will now be open inside the browser tab, and the DOM Explorer tab will be active. Change to the Console tab by clicking its name.
Firebug is a tool that can be used exclusively with Firefox to edit and debug any CSS, HTML, and JavaScript on live webpages. The tool can be used to find errors, filter your code, and tweak your CSS. This powerful and useful editing and debugging tool comes with any Google Chrome installation.
A fast way to debug our CSS selectors for a web page is through the Console of the browser's Developer Tools. To access developer tools in our browser, all we have to do is press F12. We can then navigate to the Console and use JQuery to debug our selector(s).
I am using IE8 Developer Tools (which is included out of the box), it can show style tracing.
IE7 have also Microsoft-supplied add on called IE Dev Toolbar. Have not used this extensively though.
What version of IE are you using?
55
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
