Monkeyboy — Thu, 05 Apr 2007 18:45:34 +0000

Hey that's a pretty sweet sheet pr0gr4mm3r. Cheers for that, I'll have to print that out later.

pr0gr4mm3r — Thu, 05 Apr 2007 17:08:31 +0000

This cheat sheet has a good graphical representation of the difference.

http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/

Monkeyboy — Thu, 05 Apr 2007 14:43:29 +0000

Megan;217455 wrote: For your last question - are you still talking about positioning the list with margins? We're not talking about absolute or relative positioning, right? Just making sure.

OK yeah that last bit wasn't very clear. Yeah I was referring to positioning a bog standard 'list' using margins/padding in a bog standard div. Thanks, that clears a few things up, and that's a handy link too.

Megan;217455 wrote: That probably doesn't help much - it's mainly at your discretion. I tend to use either depending on the situation (and which one actually works best).

Nah that's cracking stuff, thanks for the help

Megan — Thu, 05 Apr 2007 13:41:46 +0000

The difference bettween margin and padding is really quite a fine line. Padding is inside the border, margin is outside. I don't think the spec ever actually says anything about when to use one or the other. You can just ask yourself: Does this space go inside or outside? One test would be if you had a background or border on the element - the margin would be outside of the background or border.

That probably doesn't help much - it's mainly at your discretion. I tend to use either depending on the situation (and which one actually works best).

For your last question - are you still talking about positioning the list with margins? We're not talking about absolute or relative positioning, right? Just making sure.

Lists are a little funny because browsers treat the margin and padding differently. IE puts the bullets in the margin area outside of the box. Opera and Firefox put the bullets in the padding area. See this example:

http://admmail.uwaterloo.ca/~mjjack/demos/list_boxmodel.html