How do you go about debugging a CSS?
Are there any tricks you've picked up over the last several months or
years that seem to help you when what you meant isn't quite what you're
seeing?
One trick I've used quite a few times is to put a garish border around
whatever I'm working on at the moment. If my page is deep reds and browns,
I'll put a 1px solid yellow border around a DIV I am wrestling with, and
quite often that shows me that I'm having issues with margins or paddings
or whatever.
Along with that, one that has tripped me up quite a few times is the
automatic tag closer feature of Dreamweaver. I'll be editing within a
document somewhere and my cursor will happen to rest for just a moment
behind a <div> or some other tag, generating a </div> that I'm not
expecting until lines and lines later. I have learned that if I apply some
behavior to a div and don't see it on the page, to go looking for a
<div></div> pair. Validating the page is good for this kind of thing, but
it's kind of brain-dead, sometimes, when you actually go looking for the
cause of an error like this one.
Any others?
Mark D Hiatt
"Better Documentation Through Science"
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
