Centrer un groupe de div

2 pièce(s) jointe(s)

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 :
Pièce jointe 536849

Et voici ce que j'obtiens en appliquant des position:relative :
Pièce jointe 536853

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:

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é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 ?

Bonjour,
rapidement je dirais que trop de position:absolute tue l'absolute, mais si tu veux que cela suive il te faut utiliser autre chose comme unité que les px, les % devraient faire l'affaire.

Ton image « logo » devrait être en image de fond.

Autre chose, utilise plutôt les balises <style></style> pour placer ton CSS.

Après quelques tests, j'ai passé toutes les balises en position:relative et j'ai recalculé toutes les positions. Le positionnement en pourcentage n'a pas fonctionné, par contre j'ai passé l'image en image de fond. Maintenant la page d'accueil de mon site est centrée, ça fonctionne bien. Merci pour ton soutien, NoSmoking.