Bloc fixed et z-index [Résolu]

[cedrick21]

Bonjour à tous

à la base mon problème est géré par du javascript mais au final c'est un problème de CSS qui ressort.

J'ai une page avec un corps de page central et un menu à droite.

Lorsque ma page est assez haute je descend avec le scroll et le menu de droite descend également, afin d'être toujours visible
voici une partie du code qui me permet de le faire

Code :

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
26
27
28
29
30
if (div != null )
	{
		if (h > 200 && div.offsetHeight < hauteur)
		{
			if (ie6)
			{ 
				div.style.marginTop = h - 200 + "px";
			}
			else
			{
				div.style.position = "fixed";
				div.style.top = "0px";
				//décalage à droite provoque le blocage de la partie de droite
				div.style.paddingLeft	=	"665px";
			}
		}
		else
		{
			if (ie6)
			{
				div.style.marginTop = "0px";
			}
			else
			{
				div.style.position = "";
				div.style.top = "0px";
			div.style.paddingLeft	=	"0px";
			}
		}
	}

or lorsque le menu commence à suivre la descente de la page la partie centrale est bloquée par ceci :

Code :

1
2
3
4
div.style.position = "fixed";
div.style.top = "0px";
//décalage à droite provoque le blocage de la partie de droite
div.style.paddingLeft	=	"665px";

j'entends par "bloquée" le fait que je ne puisse plus cliquer dans cette partie (surtout si j'ai des formulaires...) comme si une couche transparente s'était rajoutée.
En mettant un background sur ce menu de droite je me suis aperçu qu'effectivement c'était le cas ... une fois le menu descendu avec la page un background complet recouvre ce menu et mon corps de page.

J'ai essayé de gérer le tout avec des z-index mais rien n'y fait.

Si vous avez une idée pour empêcher cela je suis preneur

Merci d'avance de votre aide

[NoSmoking]

Bonjour,
il te faut laisser la DIV qui suit le scroll de la page en position:absolute, et jouer sur sa position top.

[cedrick21]

j'ai essayé comme ça mais j'ai un peu galèré

du coup j'ai trouvé la solution
au lieu de jouer sur un paddingLeft j'ai fait un marginLeft et le tour est joué.

merci de ton aide