What is the difference between padding and margins?

Robinalex - 03 December 2009 06:46 AM

What is the difference between padding and margins?

Margins are spacing around the outside of an element and padding is spacing around the inside of the element.

Earl

At first glance they do the same thing, but they’re fundamentally different. Margin means “create this much space around the outside of my element” while padding means “create this much space around the inside of my element”. If your element had a red background and you increased the margin, the element would appear the same, but there would be more invisible spacing around it. If you increased the padding it’d appear if the element itself got biggerMyspace Layouts

Margins and padding can be confusing to the novice Web designer. After all, in some ways, they seem like the same thing: white space around an image or object.
Padding is the space inside the border between the border and the actual image or cell contents. In the image, the padding is the yellow area around the contents. Note that padding goes completely around the contents: there is padding on the top, bottom, right and left sides.
Margins are the spaces outside the border, between the border and the other elements next to this object. In the image, the margin is the red area outside the entire object. Note that, like the padding, the margin goes completely around the contents: there are margins on the top, bottom, right, and left sides.
Keep in mind, if you are planning on doing really fancy things with margins and padding, that Internet Explorer doesn’t implement the box model correctly. This means that your pages will look different (and sometimes vastly different) in other browsers.
CUBAN CIGARS

It’s where the spacing goes. Margin is the spacing outside of the border, padding is the spacing inside of the border.
_____________________________________
Sudoku - Play Flash Games - Play Flash Games

I can’t figure out how and I haven’t found any useful tutorials online. And I just want the cell padding/margin on SINGLE table cells, not the whole table (in case you didn’t figure that out) (not trying to insult your intelligence!). Any help would be very much appreciated! ^_^
Force Factor

I has some tools edit layer.

Broan Range Hoods | Leather iPad Cases

Padding is the space inside the border between the border and the actual image or cell contents.
Margins are the spaces outside the border, between the border and the other elements next to this object.

yeah .. I am also still confused by the difference the between padding and margins

______________

Always Newbie....

The difference between spacing and margin can be defined as, padding is the space inside the border where as margins are spaces outside the border.

The difference between the padding and margin is very simple.
Margin clears area around an element that is outside the border and it doesn’t have a background colour.
Padding defines the space between the element border and the content. it is affected by the background color of the element.

Padding is the space inside the border between the border and the actual image or cell

there is no

There are important differences between margins and padding that you should take into consideration