IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Relative->absolute et absolute->relative (bug IE)


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2005
    Messages : 4
    Par défaut Relative->absolute et absolute->relative (bug IE)
    Bonjour tout le monde,

    Je souhaiterais discuter avec vous de cette petite différence de comportement entre IE et Firefox/Chrome.

    j'ai créé une petite page de test qui met en évidence mon problème : http://www.cerdanguillaume.com/tests/alsa/test.php

    Pourriez-vous me donner votre avis, et si possible un trick permettant de simuler le résultat obtenu dans les autres navigateurs?

    Pour developper un peu le problème :
    - J'utilise Javascript et les styles CSS pour passer la position d'un <div> en "absolute".
    - J'utilise de nouveau Javascript et les styles CSS pour replacer ce div à son endroit initial (cad de nouveau dans le flow HTML) en rebasculant sa position à "relative".

    des idées ?

    Merci pour votre temps

    Switcher

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    j'ai le même comportement avec FF 3.5.7 et IE 8

    Tu pourrais détailler un peu ?

    A+

  3. #3
    Futur Membre du Club
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2005
    Messages : 4
    Par défaut
    Merci de m'accorder un peu de temps E.Bzz

    Hmm, c'est étrange car moi, que ce soit au bureau ou chez moi IE m'embete ...

    * Comportement identique dans tous les navigateurs * :
    - Lorsque j'appuie sur le premier boutton, mon div avec tout son contenu se déplace, sa position passe en absolute.

    * Firefox/Chrome * :
    - Lorsque j'appuie ensuite sur le deuxieme boutton, le div se remet à sa position initiale, ce qui nous ramène exactement à l'état de départ.

    * IE7 et IE8 * :
    - Lorsque j'appuie ensuite sur le deuxieme boutton, le div "semble" se remettre à sa position initiale, OR son contenu (les divs inclus dans le container) "disparait", ce qui nous amène à un résultat visuel différent de l'état de départ.

    Si ce n'est pas assez clair je peux essayer d'envoyer des screenshots

  4. #4
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par Switcher Voir le message
    son contenu (les divs inclus dans le container) "disparait", ce qui nous amène à un résultat visuel différent de l'état de départ.
    Je ne constate pas ce phénomène : le contenu demeure même après retour à la position initial, et ce sous les 2 navigateurs ...

    Tu n'as pas modifié des paramètres d'affichage dans IE (notamment les styles par défaut), par exemple ?

    A+

  5. #5
    Futur Membre du Club
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2005
    Messages : 4
    Par défaut
    Hmm non je ne pense pas avoir changé quelques options que ce soit, ma version d'ie8 est celle fournie avec windows 7, peut etre n'est-ce pas la même version ... au bureau je n'ai que windows 7 et le pb est le même

    je suppose que tu n'as pas un pc avec une version antérieure de IE sur lequel tester la page ?

    voici ce que moi j'obtiens :


    a+

  6. #6
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par Switcher Voir le message
    je suppose que tu n'as pas un pc avec une version antérieure de IE sur lequel tester la page ?
    Non, effectivement ...

    Je te confirme que je n'ai jamais eu le même "Résultat bizarre"

    On va voir si quelqu'un d'autre arrive à le reproduire ...

    A+

Discussions similaires

  1. position absolute sur absolute
    Par synolog dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 02/06/2012, 09h29
  2. Position relative dans un conteneur en position relative
    Par artefact89 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 24/11/2010, 17h16
  3. Position absolute en dessous de relative
    Par Myfred dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 12/07/2007, 15h45
  4. DIV en absolute d'un DIV relative mal positionné avec IE6
    Par Stessy dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 27/02/2007, 16h47
  5. [CSS] défi avec position absolute et relative
    Par pmartin8 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 30/11/2005, 18h15

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo