Bloc fixed et z-index

**cedrick21** · 07/09/2011, 09h04

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 :

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
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 :

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

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