Salut,
Voila mon problème: J'ai un conteneur (déplaçable et redimensionnable) dont le contenu peut être 'scrollé' et j'aimerai inclure un div fixed pour créer un masque par-dessus le contenu de ce conteneur.
Je cherche à faire ceci car au sein de ce conteneur l'utilisateur peut ouvrir des div 'fenêtres de formulaire' (type dialog), ces fenêtres font parti du conteneur (ne peuvent pas en sortir) et je veux empêcher l'utilisateur d'effectuer d'autre action dans le contenu lorsque l'une de ces fenêtres est ouverte.
Pour le moment j'ai ceci pour mon masque:
Au niveau html j'ai quelque chose de ce type:
Pas de souci avec FF mais avec les IE j'ai rien qui marche
Sous IE6 mon masque est en position 'absolute', normal mais les expressions ne semblent pas fonctionner.
Sous IE7 le position 'fixed' réagit comme si j'avais inséré le masque dans la balise body et non dans celle de mon conteneur. La div couvre l'intégralité de la fenêtre du navigateur.
Modifié par Glopp (08 Apr 2009 - 11:02)
Voila mon problème: J'ai un conteneur (déplaçable et redimensionnable) dont le contenu peut être 'scrollé' et j'aimerai inclure un div fixed pour créer un masque par-dessus le contenu de ce conteneur.
Je cherche à faire ceci car au sein de ce conteneur l'utilisateur peut ouvrir des div 'fenêtres de formulaire' (type dialog), ces fenêtres font parti du conteneur (ne peuvent pas en sortir) et je veux empêcher l'utilisateur d'effectuer d'autre action dans le contenu lorsque l'une de ces fenêtres est ouverte.
Pour le moment j'ai ceci pour mon masque:
.masque
{
width:100%;
height:100%;
background:#A6C1E5;
opacity:0.7;
filter : alpha(opacity=70);
z-index:1;
position:fixed;
_position:absolute;
top:0px;
left:0px;
_top: expression(documentElement.scrollTop+body.scrollTop+'px');
_left: expression(documentElement.scrollLeft+body.scrollLeft+'px');
}
Au niveau html j'ai quelque chose de ce type:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>...</head>
<body>
<div class="conteneur">
<div class="contenu"></div>
<div class="masque"></div>
<div class="fenetreFrom"></div>
</div>
</body>
</html>
Pas de souci avec FF mais avec les IE j'ai rien qui marche
Sous IE6 mon masque est en position 'absolute', normal mais les expressions ne semblent pas fonctionner.
Sous IE7 le position 'fixed' réagit comme si j'avais inséré le masque dans la balise body et non dans celle de mon conteneur. La div couvre l'intégralité de la fenêtre du navigateur.
Modifié par Glopp (08 Apr 2009 - 11:02)