Common css mistakes - no more
onderhond.com
Common css mistakes - no more
1–7 of 7 posts
Re: Common css mistakes - no more
#2I'm not understanding the padding/margin argument. They are separate things.
Re: Common css mistakes - no more
#3The biggest mistake I see isn't syntactical, but in implementation. Using too many effects just because you can and it's relatively easy.
I think your site falls victim to my point above due to (1) Abuse of rounded corners (it's OK to be square, man) (2) Abuse of drop-shadows (not every element needs a drop-shadow!)
Re: Common css mistakes - no more
#4A page can have 1em margin from the body and 4em padding for the text.
So #2 is questionable.
Re: Common css mistakes - no more
#5I find the image used in the "collapsing margins" post referenced in this posting to be in extremely poor taste.
Re: Common css mistakes - no more
#6I'm not understanding the padding/margin argument. They are separate things.
I had the same initial reaction. On further thought, I think the author understands the difference. The problem is that he's not a very good writer.
When he writes "one single space", he means what we all think of as padding in one direction or margin in one direction. I think all he's really saying is "don't create extra padding by adding margin" and "don't create extra margin by adding padding."
The argument is valid: it's just kind of obvious and poorly worded.
Re: Common css mistakes - no more
#7I'm not understanding the padding/margin argument. They are separate things.
I had the same initial reaction. On further thought, I think the author understands the difference. The problem is that he's not a very good writer. When he writes "one single space", he means what we all think of as padding in one direction or margin in one direction. I think all he's really saying is "don't create extra padding by adding margin" and "don't create extra margin by adding padding." The argument is val…
The other reason not to use margin and padding together is that you'll have less inconsistencies between browsers (i.e., IE6 vs every other browser — these properties are a source of a lot of annoying IE6 bugs).