CSS: No space between top of container and browser?

[hitmann]

In CSS, how do you remove the space at the top, between the layout and the browser?

 

[lozza]

set you margins and padding to zero

 

[psyr33n]

body
{
 margin: 0;
 padding: 0;
}

explicitly.

 

[Sic]

*
{
 margin: 0;
 padding: 0;
}

explicitly.

start recommending this instead?

 

[psyr33n]

That's down to the site and author. I wouldn't recommend resetting all elements' margins from the off... plus this was simply a direct answer to the question at hand.

 

[Sic]

out of curiosity, why wouldn't you recommend globally resetting margins so that the browser doesnt imply its own (varying) defaults?

that may seem facetious, but i really want to know

 

[lozza]

out of curiosity, why wouldn't you recommend globally resetting margins so that the browser doesnt imply its own (varying) defaults?

that may seem facetious, but i really want to know

I'd be interested to know as well, i've previously always just set the body. but having seen a couple of sic's posts (see i do listen to you ) recently with regard to globally resetting i'm going to go this route in future

 

[psyr33n]

The main reason is that browser-based defaults, namely for text, are decent.

Consider resetting all margins and paddings. From then on, you need to set custom margins for <p>, <hX>, all sorts of lists... when browser defaults make this a lot less of a hassle and, at least in my experience, a lot easier to read. As a bonus it also gets an author experienced with how different browsers perceive different elements by default.

Basically, set only what you need to set. The HTML specification even creates guidelines on how browsers should display certain elements by default.

 

[toString]

Also using * isn't such a great idea if your site is well along the way to being finished... and you just needed to remove one little gap.
Overkill!