How to Debug CSS

"Other reasons for continuing non-adoption of CSS are: its complexity, inertia and authors' lack of familiarity with CSS and required techniques, poor support from authoring tools, the risks posed by inconsistency between browsers and the increased costs of testing, and less frequently a requirement to deliver consistent appearance even to users of ancient non-CSS-capable browsers."

See CCS and PositionalCssIsImmatureTechnology for why not

See below for how-to.

Internet Deplorer

• InternetExplorerDeveloperToolbar
• MicrosoftFiddler
• IE Inspector (Not free - http://www.ieinspector.com/dominspector/order.html)

Firefox

• Firebug http://www.joehewitt.com/software/firebug/
• WebDeveloper http://chrispederick.com/work/webdeveloper/
• Mozilla DOM Inspector https://www.mozilla.org/projects/inspector/

Safari

• ??

Articles

• http://www.elliotswan.com/2006/03/18/debugging-css/
• http://www.hicksdesign.co.uk/3dboxmodel/

-- Contributors: MartinCleaver

Discussion

-- MartinCleaver - 29 Apr 2006