Comment mettre un en-tête en haut d'un navigateur - CSS3 HTML5

Question

J'essaie d'utiliser une forme (faite avec CSS), et l'ai placé en haut de la page HTML. S'il vous plaît voir l'image ci-dessous pour un exemple. Je veux que le rectangle gris soit en haut de la page HTML sans espace en haut, à droite ou à gauche. Je suis terriblement nouveau à CSS et HTML si désolé si c'est une question triviale. Je n'utilise que CSS 3 et HTML 5, peut-être un peu de JavaScript plus tard.

Ce que je veux ... (avis qu'il n'y a pas écart au-dessus du rectangle gris)

Ce que j'ai maintenant ... (notez l'espace blanc au-dessus du rectangle gris)

Voici mon code CSS:

#header { 
margin: auto; 
width: 1050; 
height: 120px; 
background: rgb(45,45,45); 
} 

Answer 1

Essayez d'enlever le rembourrage et la marge du corps.

body { margin: 0; padding: 0; }

Answer 2

Ne connaissant pas le reste de votre code c'est un long shot, mais essayez ceci:

body {margin:0; padding:0} 

#header { 
margin:0 auto; 
width: 1050; 
height: 120px; 
background: rgb(45,45,45); 
}