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 :
Et voici ce que j'obtiens en appliquant des position:relative :
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é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 ?
Partager