Posted By

chrisjlee on 06/30/09


Tagged

css debug testing html xhtml browser bugs qa cross


Versions (?)

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  

You need to login to post a comment.