Centrer horizontalement un div

Bonjour, je m'explique.

J'ai centré le div ( le conteneur de la page ) grâce à ce code

div#contenu{ 
display:block; 
background: url('1.png') no-repeat; 
background-color: #0a3f86; 
position: absolue;
width: 600px;
height: 800px;
left: 50%;
margin-left: -300px; 
}

Mais quand je diminue la taille en largeur de ma fenêtre, le DIV disparait vers la gauche alors que je voudrait qu'il vienne buter contre le côté gauche comme ce site.
http://www.zonecss.fr/style_css/feuille_css_z_index.html

merci d'avance à ceux qui pourront me venir en aide.

François



EDIT : J'ai trouvé la solution tout seul

}
div#contenu{ 
display:block; 
background: url('1.png') no-repeat; 
background-color: #0a3f86; 
margin-left: auto;
    margin-right: auto;
    width: 600px;
     height: 110px;
    text-align: left;
}

Mais il persiste un petit espace en entre le haut et mon div, et entre la gauche du navigateur et mon div.

Quelqu'un saurait t'il supprimer cet espace ? http://clemencetoutcourt.free.fr/Untitled-2.bmp
Modifié par frdiard (02 Feb 2009 - 17:36)

Tu peux faire:

body {margin: 0px;}

Oui, ça marche merci beaucoup !

De rien .

PS: n'oublie pas de marquer marquer ton sujet [Résolu]

Pour supprimer le retrait interne de l'élément BODY, il faut faire:

body {
	margin: 0;
	padding: 0;
}

En effet, suivant les navigateurs ce retrait est une marge de 8px ou un padding de 8px.

je suis pas trop sur, mais je crois que ton "display:block;" est inutile car div est déjà un block type.

Si j'ai tord, corriger moi!