Centrer un div et le décaler legerement vers la gauche

Salut à tous !

voilà j'ai pas fait de CSS depuis un p'tit moment et là je cherche à faire un truc mais j'y arrive pas.
j'ai une page où je veux centrer sur ma page un bloc conteneur principal de 900px mais pour le caler sur mon fond je dois legerement le décaler ensuite vers la droite (mon image de fond n'est pas totalement centrée)

2 essais :

le premier classique :

{
     position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
     margin-top: 150px;
     width: 900;
     }

mais souci si j'essaie de mettre un margin left, la marge se fait sur la gauche sans pousser le conteneur vers la droite (logique).

le second qui fonctionne mais avec les marges intérieures, impossible de remplir mon bloc après non ? :

	
 position: absolute;
  width: 900px;
  height: 29px;
  right: 50%; /*ceci met le bord gauche du bloc au centre le page, mais ça ne centre pas le bloc*/
  margin-right: -110px; /*width/2 ça permet de décaler le bloc vers la gauche de manière à ce qu'il soit centré*/ 

reste la solution de mettre en absolute mais faut pas éviter quand on peut normalement ?

merci

Décaler ton bloc avec une position relative est une bonne solution.

elt {
     position: relative;
     margin:150px auto 0;
     left:50px;
     width: 900px
}

Je crois qu'une révision sur le positionnement relatif s'impose.
http://openweb.eu.org/articles/initiation_flux/

ha oui lol si c'est si simple j'ai vraiment besoin de réviser

merci bcp !

Salut,

zepokpok a écrit :
ha oui lol si c'est si simple j'ai vraiment besoin de réviser

merci bcp !

Tu considères que ce sujet est [Résolu] ?