Posted By

chrisjlee on 06/30/09


Tagged

css debug html xhtml browser


Versions (?)

Last Edited at 06/30/09 12:18pm

Viewed 3 times

CSS Debug with Debug Class


/ Published in: CSS

URL: hire.chrisjlee.net

When you can't use firebug to discover cross browser compatibility problems (i.e. internet explorer 6) then what's the fastest way to see the padding and margins?

A quick solution is adding a css debug class to your container. Feel free to change the color backgrounds as well.

  1. .debug { background: #0e0; }
  2. .debug * { background:#cf0; }
  3. .debug * { background: #cf9 }
  4. .debug * * { background: #fc0 }
  5. .debug * * * { background: #fcc }
  6. .debug * * * { background: #fca }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.