Discussion :

[cedrick21]

Bonjour,

sur une page de l'intranet de notre société j'ai besoin de faire un effet "popin"

pour se faire j'ai créé un div qui est d'abord caché et qui s'affiche si besoin.
Voici son code css

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
#blocGrisTransparent {
	border:0px;
	position:absolute;
	background:#000;
	z-index:100;
	width:100%;
	height:100%;
	opacity:0.6;
	filter:alpha(opacity=60);
	top:0;
	left:0;
	display:none;
}

lors d'un clic sur un lien j'affiche le div en le passant en display:block
Pour cela pas de soucis.
Sauf que ...
Ma page est assez grande, lorsque je veux cliquer sur le lien qui m'affiche le div je suis déjà descendu dans ma page via le scroll.
C'est là qu'est mon soucis car le div se retrouve du coup plus haut dans ma page et l'effet de fond noir transparent devient merdique
Pour avoir l'effet complet je suis obligé de remonter en haut de ma page ...
J'ai bien essayé de mettre height:200% ... 300% ... etc
Sauf que la hauteur globale de ma page fluctue et donc mettre 300% peut me rallonger la hauteur de la page.

Bien sur je ne vous parle même pas du bloc central que je dois également affiché à 200px du bord haut de la page et qui se retrouve également décalé ...

Si vous avez une idée pour contourner ce soucis je suis preneur

Merci d'avance

[Bovino]

Si tu peux te passer de compatibilité IE6, passe en position: fixed...

[cedrick21]

je n'avais absolument pas penser à ça.

merci beaucoup !