Petit espace indésirable en haut et en bas de la page

Question

J'ai un problème très probablement simple. Ma page a une couleur d'arrière-plan et contient un conteneur, puis un contentcontainer pour mettre la page au milieu. Maintenant, ce conteneur de contenu a une couleur d'arrière-plan différente, mais un petit espace où nous voyons la couleur d'arrière-plan de la page d'origine est visible en haut et en bas.

Le fichier CSS est comme ceci:

body,td,th { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    background-color: #E0EBED; 
} 
#container { 
    width: 100%; 
} 

#contentcontainer { 
    background-color: #FFFFFF; 
    width: 1000px; 
    margin: 0 auto; 
} 

Le corps ressemble à ceci:

<div id="container"> 
     <div id="contentcontainer"> 
     <p>Some content</p> 
     </div> 
</div> 

Que dois-je faire de ce petit espace disparaître. J'ai déjà essayé d'ajouter 0 rembourrage supérieur à la div et le corps du conteneur.

Après quelques réponses j'ai découvert cette marge: 0; le corps css prend l'espace au sommet. J'ai toujours le même genre d'espace au fond.

Pour montrer aux gens ce que je veux dire:

Voici maintenant ce CORRECTIF:

CSS:

body,td,th { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    background-color: #E0EBED; 
    margin: 0; 
} 
#container { 
    width: 100%; 
} 

#contentcontainer { 
    background-color: #FFFFFF; 
    width: 1000px; 
    height: 100%; 
    margin: 0 auto; 
} 

J'ai ajouté margin: 0; au corps et hauteur: 100%; au conteneur de contenu. Si vous avez le même problème, n'oubliez pas d'ajouter la marge : 0; au corps car cela ne fonctionnera pas sans cela.

Merci à tous ceux qui ont répondu à cette question et m'a aidé à résoudre ce problème!

Answer 1

Ajouter à votre CSS:

* { 
margin: 0; 
padding: 0; } 

Answer 2

Le corps possède un remplissage par défaut. Ce qu'il faut faire 0px par -

body{padding:0px;}