Forum Moderators: not2easy
<style type="text/css">
body {
margin: 0px;
}
</style>
This is, however, not the correct way to do it. You are supposed to use padding, not margin, since the margin property suggests a an outer margin between the BODY and HEAD sections.
Padding is always an inner margin, from the edge of the element to the contents.
The correct way to specify margins for the body would therefore be:
<style type="text/css">
body {
padding: 0px;
}
</style>
NN.x actually requires a margin property equal to zero in order to display correctly. I thought the same thing was happening in Opera a while back but your right, padding: 0; does the trick.
Madcat
(edited by: madcat at 3:54 am (utc) on May 29, 2002)
Try something like
HTML { padding: 3em; background: green; }
BODY { background: white; }
and you'll see a nice green canvas with the BODY placed on top of it.
rjohara .. well, of course HTML is the root element. But since the BODY element will take up 100% of the screen unless otherwise specified, then padding is 99% of the time what you want to do, not set the margin.
The NYPL style sheets use BOTH margin and padding: body{margin:0; padding:0;}... probably a pretty safe bet all the way around (no pun intended!).
The "habit" of declaring margins is a carry-over from the bad-old-days of <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> needed to appease both propriety IE & NN.
Is it necessary to put margin: 0px 0px 0px 0px? Or will margin: 0px automatically set all margins to 0px?
Nick
There's a "collapsing rule" that comes into play when all four values aren't declared. The order for the four values is:
TOP -- RIGHT -- BOTTOM -- LEFT
If the value for Right is missing, the value for Top is applied
If the value for Bottom is missing, the value for Top is applied
If the value for Left is missing, the value for Right is used
So, a three value declaration (v1 v2 v3) gives v1 -- v2 -- v3 -- v2
A two value declaration (v1 v2) gives v1 -- v2 -- v1 -- v2
And a one value declaration uses that value for all four positions
top - right - bottom - left
Almost as if it came out of one of my books.
