Probleme de Z-index

Bonjour, voila j'ai un probleme avec des z-index qui ne fonctionne pas , est ce qu'il herite du z-index parent ?


car la class rencard ce retrouve toujours recouverte par le calss minuteClic suivant (essai ie et ff)

voici mon code:

<div id="2005-12-04-15" class="heures" style="left: 0px; z-index: 2; background-color: rgb(136, 85, 68);">14
<div id="2005-12-04:14:0" class="minutes" style="top: 0px; background-color: rgb(255, 153, 153);">
<div id="Clic_2005-12-04:14:0" class="minuteClic" onclick="clique('2005-12-04:14:0');" style="background-color: yellow;"></div><div id="id" class="rencard" style="height: 115px; background-color: rgb(0, 255, 0);">DIV DESSUS NORMALEMENT</div>00

</div>
<div id="2005-12-04:14:15" class="minutes" style="top: 20px; background-color: rgb(85, 85, 255);">
<div id="Clic_2005-12-04:14:15" class="minuteClic" onclick="clique('2005-12-04:14:15');" style="background-color: yellow;"></div>15
</div>
<div id="2005-12-04:14:30" class="minutes" style="top: 40px; background-color: rgb(255, 153, 153);">
<div id="Clic_2005-12-04:14:30" class="minuteClic" onclick="clique('2005-12-04:14:30');" style="background-color: yellow;"></div>30
</div>
<div id="2005-12-04:14:45" class="minutes" style="top: 60px; background-color: rgb(85, 85, 255);">
<div id="Clic_2005-12-04:14:45" class="minuteClic" onclick="clique('2005-12-04:14:45');" style="background-color: yellow;"></div>45
</div>
</div>

et le style

.rencard {
	position:absolute; 
	width:110px; 
	top:0px; 
	left:35px; 
	z-index:10; 
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FF0000;
}


.heures {
	position:relative;
	width:50px;
	height: 80px;
	z-index:2;
	border: 1px none #000000;
	padding-top: 2px;
}


.minutes {
	position:absolute;
	width:30px;
	height:20px;
	right:0px;
	z-index:2;
	border: 1px none #000000;
}
.minuteClic {
	position:absolute;
	width:140px;
	height:20px;
	left:35px;
	z-index:5;
	border: 1px none blue;
	
}

Modifié par VincentP (04 Dec 2005 - 20:49)

Bonjour, question stupide, mais ce ne serait pas un problème de priorité par hasard ? Je m'explique : sauf erreur, ce qui se trouve dans l'attribut style="..." a la priorité sur ce qui se trouve dans une feuille CSS.
Si je retrouve le billet sur les priorités, je te le mettrai en lien.

Admettons la priorité! mais la je ne vois pas ou elle interviendrai puisse que le css contient tout le style (y compris z-index) et le html juste des positions de calque (hauteur)

Oui mais le style indiqué dans le HTML est hérité par les sous-éléments.

Bonjour,

Il n'y a pas de problème d'héritage ni de priorité. C'est le comportement normal de CSS.

Chaque élément de classe minutes définit son propre contexte d'empilement : le z-index attribué à rencard n'a d'effet qu'à l'intérieur de ce contexte d'empilement, et ne peut pas lui permettre d'apparaître "par-dessus" les blocs minutes suivants.

Au passage, cela relève apparemment plus d'une structure de tableau que de div anonymes.
Modifié par Laurent Denis (05 Dec 2005 - 06:45)

Ah ben j'étais sûr que ... merci LD pour lui avoir écarté cette piste et pour m'avoir fait remarquer mon erreur. C'est les risques du métier de forumeur...