18041 sujets

Questions générales et questions de débutants

[Résolu] Pourquois les divs ne reste pas centrer à l'ajout de z-inde

Bonjour,

Voilà mon petit soucis du moment j'ai positionné un bloc div avec une image en haut et au centre de la page, mais dès que je veux superposé un second bloc sur mon image en utilisant la fonction z-index, les divs se superpose correctement mais elle se décalent vers la gauche.... Smiley boulet

Voilà ma question : comment faire pour que les divs restent centrer sans devoir donner des quotes de positionnement....

Dans l'attente d'une solution merci d'avance...



<body>
<div>
   <div id="conteneur"><img src="images01.gif" /></div>
     <div id="conteneur2"><img src="images02.gif" width="20" height="19" /></div>
</div>

</body>
</html>







* {
	font-size: 100%;
	margin: 0 auto;
	padding: 0;
}
body {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
div {
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
#conteneur {
	width: 960px;
	height: 120px;
	background: url(images/avion000.gif);
	background-repeat: no-repeat;
	background-position: top;
	z-index:2;
	position:absolute;
}
#conteneur2 {
	width: 960px;
	height: 120px;
	z-index:1;
	position:absolute;
}

Modifié par lezarts (25 Apr 2010 - 20:07)
Mes connaissances sont réduites et je peux dire des bêtises, mais premièrement, ça me choque de voir deux objets en absolute sans un conteneur en relative. As-tu essayé le margin:auto pour centrer ?
Merci pour ton conseil

Bref..?

J'ai trouvé l'erreur et résolu mon problème je l'avais dans un répertoire ou je stock quelques tutoriel...

T'as raison il me manquait simplement un bloc en relatif, mais je suis surpris de t'avoir choqué... Smiley scared

Encore merci d'avoir répondu
Modifié par lezarts (25 Apr 2010 - 20:14)
C'est ma prof d'HTML qui m'a appris à toujours regarder ça, t'en fais pas, rien de grave.

Heureux d'avoir pu t'aider.
Sujet clos
Aller à