ansaurus

Question

Default margin set on the <body> element

Answer 1

+1 A:

While I agree this is not a question, given the difference in browsers it is generally acceptable to have:

html, body {
    margin: 0px;
    padding: 0px;
}

...in your CSS to make sure you have full control. Why browsers do what they do ? I'll leave that to others to speculate.

menkes 2009-12-29 20:35:16

uhm, I'm not sure why you think those aren't questions. Question a) clearly asks why element B ignores the default margin..., while question b) also indirectly asks why edges of a browser window don't have a white color.

carewithl 2009-12-29 23:01:05

@carewithl You are not very skilled in phrasing understandable questions.

Josh Stodola 2009-12-29 23:46:16

Answer 2

+3 A:

The poster is asking why the element B is not effected by the margin of the body element.

Quoted from the question:

... I would expect that B would be removed from the right edge of a browser by a distance of 10px, but instead B ignores the default margin of a body element and thus its distance is 0px. Why is that?

The answer is this:

Read this page from w3schools on position. It says the following:

Absolute: Generates an absolutely positioned element, positioned relative to the first parent element that has a position other than static.

When you absolutely positioned your element (B), you removed it from the normal flow of the document. Because all of its parent elements (all the way up to the body of your document) are set to static (default), their margins are ignored.

You can either set the position of the body to relative (I would be careful with this - it could effect other elements as well), or you could change the right of B from:

right:0px;

to:

right:10px;

Gabriel McAdams 2009-12-29 20:36:49

-1 If you nest a `position:absolute` element within a `position:relative` element you will see that you are very wrong.

Josh Stodola 2009-12-29 23:43:26

That said, if what you believe the poster is asking is correct, then the answer would be to apply `position:relative` to the `<body>` element.

Josh Stodola 2009-12-29 23:45:05

Remember to accept this answer if you found it useful.

Gabriel McAdams 2009-12-31 00:08:30

@Gabriel Accept this answer if you found it useful, even though it is **wrong**.

Josh Stodola 2010-01-04 02:40:42

@Josh: The poster only asked WHY it was ignoring the margin of the body element. None the less, I changed my answer to reflect your comments.

Gabriel McAdams 2010-01-04 17:33:42

ansaurus

tags:

views:

answers:

Default margin set on the <body> element

related questions