Forum d'entraide PHPFrance

Bonjour,

Je positionne dans le coin en bas à gauche de la fenêtre de mon Firefox préféré,
un petit <div> nommé "panneau" (mais j'aurais aussi bien pu l'appeler "Isabelle").

Comme je le positionne initialement en retrait, il est en grande partie masqué.
Seul un petit bouton, intitulé "ici", apparaît tout seul dans ledit coin.

En cliquant sur ledit bouton dans ledit coin, le script décale vers la droite
et donc fait apparaître ledit <div> "panneau", que j'aurais pu appeler "Isabelle" (suivez, quoi !).

Si je vous dis que ça ne marche pas avec IE...

Isabelle est entièrement découverte (cad. le <div> "panneau" est toujours déployé)
le <div> "panneau" apparaît à la suite du contenu de la page (en haut, si page vide)
et non en bas de la fenêtre quel que soit le contenu de la page affichée.
le bouton "ici" est inactif

Code : Tout sélectionner

<script type="text/javascript">
var visible = false;

function deplace(largeur)
{ var objet = (document.all ? document.all['panneau'] :
                             (document.getElementById ? document.getElementById('panneau') :
                                                       (document.layers ? document.layers['panneau'] : "panneau")));
  objet.style.left = (visible ? largeur : "10") + "px";
  visible = !visible;
}
</script>

<div id="panneau" style="position:fixed;bottom:5px;left:-190px;z-index:10;"> 
	<a href="accueil.php"><img src="images/bloc1.gif" alt="Accueil" style="width:88px;height:32px;border:solid 1px #FF0000;" /></a>
	<a href="contact.php"><img src="images/bloc2.gif" alt="Contact" style="width:88px;height:32px;border:solid 1px #FF0000;" /></a>
   <img id="bouton" src="images/vignette.gif" alt="ici" onclick="javascript: deplace(-190);" style="width:32px;cursor:help;" />
</div>

IE semble mal digérer le style position:fixed;.
Je pense que cela vient de là, mais je manque d'idée...

Merci

Tu as bien cerné le problème : IE n'interprète correctement position: fixed que pour les images d'arrière-plan.

Il faut donc trouver une alternative en faisant glisser Isabelle vers le bas si on utilise la barre de défilement pour faire monter la page et vice-versa. Je n'ai pas la méthode en mémoire pour capturer cet évènement, mais je l'ai déjà vu fonctionner...

Avec un "position: absolute;" cela fonctionne normalement sur IE... j'ai pas de FF sous la main pour tester

Edit : euh ouais.. bon bien sur si tu es exigeant et qu'il faut que cela suive la position de l'ascenseur comme un vrai fixed, ça va pas le faire.. mais y a des script js qui font ça très bien

Avec un "position: absolute;" cela fonctionne normalement sur IE...

Ben... non.

En fait, lorsque tu charges la page, Isabelle se place bien dans le coin en bas à gauche de la fenêtre,
mais si ta page est plus longue que la hauteur de ta fenêtre et si tu la parcours avec l'ascenseur,
Isabelle conserve sa position par rapport au sommet de la page et non par rapport à la fenêtre du navigateur.

En clair, quand tu descends dans ta page, Isabelle monte dans ta fenêtre. ](*,)
Et ce, sous IE comme sous Firefox.

Le position:fixed ne fonctionne pas avec IE, mais c'était la solution la plus proche jusque là...

Un piste de solution :
http://www.ibilab.net/webdev/articles/C ... eurs-2.htm

La solution est bonne, dans l'absolu.
J'obtiens bien l'effet souhaité.

Mais...

Ça provoque un décalage dans ma mise en page.

Exactement le même que là, tiens !

La poisse, j'vous dis... ](*,)

Mouais... ils sont pas mal aussi tes bugs ie.. mais cela ne vaut pas mon problème de content-type qui faisait que le premier champ de mon formulaire était aléatoirement envoyé ou non

Y a matière à concours je crois...

Y a matière à concours je crois...

Feel free !

une autre solution pas mal.
http://www.nanoum.net/blog/6_absolue_et_fixe.html

Forum d'entraide PHPFrance

Petit effet DHTML tout simple et IE qui merdoie...

Petit effet DHTML tout simple et IE qui merdoie...