Centrer page internet dans fenêtre en css

Bonjour tout le monde  

Je suis actuellement en train de créer un site internet perso et après deux ans sans en faire je cale !!
Je voudrais que mon site se centre dans la page internet de l'utilisateur quelque soit sa résolution/taille de fenêtre (tant que ça rentre dedans bien-sûr   )

Pour placer les différents éléments de mon interface j'ai crée un CSS qui me semblait être pas trop mal pour faire ça justement. Doit y avoir un hic, le site n'est pas tout à fait centrer  
J'ai testé pas mal de choses que j'ai trouvé sur le forum et ailleurs comme un body, conteneur....rien ne marche
Voici mon css :

/* CSS Document */

.haut {
width: 697px;
Height: 135px;
position: absolute;
left:25%; /**si je met 50% là ça me le taque à droite pourtant normalement c'est 50% qui faut mettre. C'est pour ça doit y avoir un soucis ailleurs...**/
top: 0px;
margin-left: -9px;
}

.gauche {
width: 9px;
Height: 460px;
position: absolute;
top:135px;
left:25%;
margin-left: -9px;
}

.droite {
width: 7px;
Height: 460px;
position: absolute;
top: 135px;
left:25%;
margin-left: 733px;
}

.centre {
width: 733px;
Height: 456px;
position: absolute;
top: 135px;
left:25%;
margin-left: -374,5px;
}

.bas {
width: 733px;
Height: 4px;
position: absolute;
top: 591px;
left:25%;
margin-left: -374,5px;
}

Le problème vient peut-être des margin-left parce que j'ai jamais rien compris à ce truc je fais toujours plein d'essais  

Merci d'éclairer mes lanternes SVP