J'utilise Fancybox pour ouvrir un iframe et cela fonctionne bien dans tous les navigateurs sauf ie.
Lorsqu'ie ouvre la iframe, il semble qu'il y ait un décalage pendant une fraction de seconde, puis la boîte modale se déplace vers la droite et vers le bas de quelques pixels.
Je suis tombé sur les messages de quelques personnes mais leurs réponses ne m'ont pas aidé.
J'ai également joué avec le CSS sans succès.
Quelqu'un a déjà rencontré un tel problème ?
A la vôtre !
J'espère que ma solution sera utile à tous ceux qui sont confrontés au même problème... J'utilise fancybox 1.x et mon DOCTYPE est "html".
J'ai découvert qu'en fait le problème était d'utiliser box-sizing: border-box; dans la réinitialisation des styles. Je l'ai donc remis à content-box for #fancybox-content y #fancybox-wrap et fancybox a commencé à fonctionner correctement.
Fancybox a besoin d'un DOCTYPE correct pour fonctionner correctement, surtout avec IE. Votre site fonctionne actuellement en mode quirks.
Vous pouvez trouver une référence DOCTYPE fonctionnelle ici.
par ce
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">Dans votre cas particulier, vous pouvez essayer de modifier ceci
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Fancybox a besoin d'une DOCTYPE pour fonctionner correctement, surtout avec IE. Votre site fonctionne actuellement dans quirks mode .
Vous pouvez trouver un travail DOCTYPE référence aquí .
Dans votre cas particulier, vous pouvez essayer de changer ceci
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">par ce
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">UPDATE : J'ai créé quelques html pour reproduire le problème avec IE.
Le premier utilise le même DOCTYPE comme dans votre page ainsi que le même code fancybox. IE fonctionne en mode "quirks" et la fancybox se comporte bizarrement comme dans votre page : http://picssel.com/playground/jquery/ieWrongDoctype_09feb12.html
Le second utilise la proposition de DOCTYPE comme solution. IE fonctionne en mode standard et la fancybox fonctionne correctement : http://picssel.com/playground/jquery/ieGoodDoctype_09feb12.html
Ma conclusion : utilisez le bon DOCTYPE
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
