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

JavaScript Discussion :

Position d'image absolue


Sujet :

JavaScript

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 7
    Par défaut Position d'image absolue
    salut les gens,
    je vous soumets un problème.

    Je dois afficher un certain nombre d'images sur une carte, via ce bout de code :

    il y a donc une boucle, dont les itérations sont :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div id="' + tableau_positions[i][2] + '" onMouseOver="bulle(\'' + tableau_positions[i][3] + '\')" onMouseOut="bulle()" onClick="Clic_Calque(\'' + tableau_positions[i][2] + '\')" style="filter:Alpha(opacity=80)\;cursor:hand\;position:absolute\; left:' + b + 'px\; top:' + c + 'px\; width:19px\; height:19px\; z-index:1\; border: 1px none #000000\;"> <img src="Images/cocci_carte.gif" width="19" height="19"> </div>

    Ce qui se passe, c'est que sous IE, tout marche très bien, mais sous Firefox, à partir du moment où on utilise l'ascenseur, on s'aperçoit que les images suivent l'ascenseur, alors qu'elle devrait rester sur leur position d'origine, c'est à dire sur la carte.

    P.S : j'ai déjà enlevé le "position absolute", et ça n'est pas ça le problème. Si je l'enlève, les images se positionnent n'importe où (en fait, elles s'alignent verticalement, je ne sais pas pourquoi).

    Si vous avez des idées...
    Merci d'avance.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    ???
    ben moi ça me parait normal qu'une image en position absolute se déplace si l'on scrolle le body ...
    pour ne pas que cela se produise il te faudra deux conteneurs a 100% de height et de width avec des z-index... l'un pour les images, l'autre pour le contenu du site ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Expert confirmé
    Avatar de siddh
    Inscrit en
    Novembre 2005
    Messages
    3 868
    Détails du profil
    Informations personnelles :
    Âge : 49

    Informations forums :
    Inscription : Novembre 2005
    Messages : 3 868
    Par défaut
    elles suivent l'ascenceur c'est à dire ? elles s'en vont ? elles restent à l'écran ?

  4. #4
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 7
    Par défaut
    Vous êtes gentils de m'avoir répondu, merci

    Quand je disais "les images suivent l'ascenseur", cela veut dire que tout bouge sauf elles. Le fait d'être en position absolue fait qu'elles gardent les mêmes coordonnées à l'écran, alors que lorsque je descends l'ascenseur, elles devraient rester sur la carte, et donc monter. Vous me suivez ?

    Le problème est que ça marche sous IE, et pas sous Firefox. Je me demandais juste comment transformer le code pour que ça marche aussi sous Firefox.

    Merci bien !

  5. #5
    Expert confirmé
    Avatar de siddh
    Inscrit en
    Novembre 2005
    Messages
    3 868
    Détails du profil
    Informations personnelles :
    Âge : 49

    Informations forums :
    Inscription : Novembre 2005
    Messages : 3 868
    Par défaut
    euh si ca fais ca c'est que tu as quelque part un position:fixed a mon avis

  6. #6
    Membre Expert Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Par défaut
    Quel est le lien avec Javascript?

Discussions similaires

  1. Position d'image en CSS
    Par krachik dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 01/07/2007, 19h29
  2. Position relative ET absolue pour <ul> et <li>
    Par bigltnt dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 04/04/2007, 16h00
  3. Position du body absolu sous Mozilla :S
    Par NikoGJ dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 25/09/2006, 17h41
  4. [CSS][Debutant] position d'image et repetition verticale
    Par Pepito dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 03/04/2006, 09h03
  5. [Débutant] position relative et absolue
    Par AurelBUD dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 23/06/2005, 08h46

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