Bonjour à tous,

je voudrais centrer un groupe de composants div enfants d'un div centré mais quand je leur applique le paramètre position:relative, les composants sont centrés horizontalement mais perdent leur cohérence verticale. Je ne comprends pas.

Voici ce que j'ai avec des position:absolute :
Nom : Image1.jpg Affichages : 370 Taille : 36,6 Ko

Et voici ce que j'obtiens en appliquant des position:relative :
Nom : Image2.jpg Affichages : 353 Taille : 36,2 Ko

Comme vous pouvez le voir, l'image est bien centrée mais les deux éléments qui l'encadrent à sa gauche et à sa droite se retrouvent projetés en dessous.
Que se passe-t-il ?

Voici le début de mon code, concernant les 3 éléments mentionnés :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
  <body bgcolor=#000000>
    <div style="top:0px; width:950px; margin-left:auto; margin-right:auto">
      <div style="position:absolute; left:180px; top:36px; width:600px; height:450px; ">
        <img src="gfx/siteLogo.jpg">
      </div>
      <div class="vtxt1" style="position:absolute; left:782px; top:212px; width:130px; height:84px; background:#222222; border:2px solid #111111;">
        <a href="ptp.html"><br>autres<br>cr&eacute;ations</a>
      </div>
      <div class="vtxt1" style="position:absolute; left:37px; top:232px; width:130px; height:84px; background:#222222; border:2px solid #111111;">
        <a href="guide.html#installation"><br>installer<br>AnAcondA</a>
      </div>

Comment puis-je faire pour centrer le groupe de div qui constitue ma page d'accueil sans perdre leur agencement ?