problème de z-index

**Dark Ryus** · 28/05/2008, 16h31

Voici la structure de mon site:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<html>
<head>
</head>
<body onkeyup="resetTouche()" onkeypress="initTouche(event)" onload="ajusterHauteur()">
<div id="entete" class="entete" style="z-index: 50;">
</div>
<div id="menu" class="menu" style="z-index: 50;">
</div>
<div id="content" class="content" style="z-index: 10;">
</div>
<b>
</b>
<div id="pagePardessus1" style="z-index: 50;">
</div>
<b>
</b>
<div id="pagePardessus2" style="z-index: 50;"/>
<b>
</b>
<div id="footer" class="footer" style="z-index: 50;">
</div>
<b>
</b>
</body>
</html>

A la base, les z-index sont tous les même, puis je les modifie avec du javascript, ce qui me donne la structure ci-dessus, mais mon 'content' n'est pas en dessous du reste, il est toujours visible....Donc ça va pas...Est ce que ça viens du javascript qui ne rafraichit pas le style? ou autre chose mais je ne sais pas ou est le problème

Merci de votre aide

**franculo_caoulene** · 28/05/2008, 17h28

Salut,

Les éléments sont-ils positionnés?

**Dark Ryus** · 29/05/2008, 08h33

non, ils sont les uns endessous des autres, il faut les positionner pour que mon content se retrouve en dessous?

**Er3van** · 29/05/2008, 09h40

Pour que le z-index s'applique il faut que tes éléments soient positionnés, donc s'il sont en flottant ça ne marchera pas.
Positionnement relatif ou absolu ( voire fixed, mais sous IE 6.... ) requis.
( C'est Erwan et Candy qui m'ont appris ça, on va voir si j'ai bien retenu ^^' )

**Dark Ryus** · 29/05/2008, 10h54

ok merci c'est bon

problème de z-index

Positionnement en CSS avec z-index

Vue hybride

Discussions similaires

Partager

Partager