What is the difference between padding and margins?

Robinalex - 02 December 2009 11:46 PM

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 contents liposuction. In the image, the padding is the yellow area around the contents kepçe kulak estetiği. Note that padding goes completely around the contents: there is padding on the top, bottom, right and left sides meme büyütme ameliyatı.

Margins are the spaces outside the border, between the border and the other elements next to this object burun estetiği. In the image, the margin is the red area outside the entire object vajina daraltma ameliyatı. Note that, like the padding, the margin goes completely around the contents: there are margins on the top, bottom, right, and left sides saç ekimi.

there is no right/wrong, both are consistently implemented and standards don’t come into it. Margin and padding serve different purposes. although they are both “invisible” meme küçültme

padding:
If your element has a background color that background color would fill the content area and the padding area. i.e. it would be inside the “element” botoks

Margin:
If you want to space an element from it’s preceding element then margin would be the correct thing to use as it does just that ~ creates a margin between one element and the next vajina daraltma ameliyatı. Although if you have no background color or borders obviously padding would do, but would not be strictly correct estetik cerrahi

It’s probably easier to understand if you have borders, then it also becomes obvious which one to use en iyi lazer epilasyon merkezi. Do you want the “space” after the border (outside the element = Margin) or before the border (inside the element = padding) göğüs ameliyatı.

There are important differences between margins and padding that you should take into consideration when choosing which to use to move elements around the page schönheitsoperationen. However, in those cases where either margins or padding could be used to the same effect, a lot of the decision comes down to personal preference brustvergrößerung.

For example, I tend to use margins almost exclusively when I’m trying to create space between two elements brustverkleinerung. In my mind, margins are used for creating space between elements, while padding is used for creating space within elements nasenkorrektur. Therefore, I use margins to move disparate elements apart, and padding to create a little breathing room within the elements themselves bauchstraffung.

However, a case could also be made for using padding for effecting space between elements fettabsaugung. From time to time, Internet Explorer 6 will have trouble with margins – there’s something out there known as the doubledschamlippenverkleinerung operationen - margin float bug that can wreak all sorts of havoc with pages laid out with margins when they’re loaded in our favorite “special” browser vaginalverjüngung operationen. Using padding almost exclusively does create a way around this problem. alan adı sorgulama web tasarım masaj salonu plaka sprgulama altın fiyatları telefon sorgulama I personally tend to just use a CSS hack or two to make IE behave itself when we’re in public, but as I said, this can be an effective argument for ubiquitous padding schamlippenkorrektur operationen.