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 :

Ma div de gauche est plus grande que celle de droite sous IE8


Sujet :

CSS

  1. #1
    Membre éprouvé
    Avatar de beegees
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2004
    Messages
    3 610
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Points : 1 277
    Points
    1 277
    Par défaut Ma div de gauche est plus grande que celle de droite sous IE8
    Bonjour et bonnes fêtes,

    J'ai un souci d'affichage de mon site avec IE8 (pas testé avec IE9) :

    http://dubinfo.be/jameservices16_n/FR/index.php

    Comme vous pouvez le voir, la map google dépasse du diapo.

    Le code CSS associé à cette map est celui-ci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    #img_google_map
    {
    	width: 98%;
    	height: 85%;
    }
    Auriez-vous une idée svp ?

    Merci d'avance.
    bee

  2. #2
    Membre éprouvé
    Avatar de beegees
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2004
    Messages
    3 610
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Points : 1 277
    Points
    1 277
    Par défaut
    J'ai résolu mon problème en passant les dimensions de mon image en px :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    #img_google_map
    {
    	width: 598px;
    	height: 175px;
    }
    J'espère que cela servira à d'autres...

    Merci à MrALoup pour son aide sur le chat

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 102
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 102
    Points : 44 883
    Points
    44 883
    Par défaut
    Bonjour,
    fixe simplement la largeur en %
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    #img_google_map {
    /*    height: 85%;/**/
        width: 98%;
    }

  4. #4
    Membre éprouvé
    Avatar de beegees
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2004
    Messages
    3 610
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Points : 1 277
    Points
    1 277
    Par défaut
    Salut,

    Merci pour ta réponse.

    Bizarrement, j'ai du transformer les % en px pour ne plus avoir de problème...

    bee

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 4
    Dernier message: 16/04/2013, 16h43
  2. 8 est plus grand que 10
    Par legaramir dans le forum VBA Access
    Réponses: 2
    Dernier message: 23/07/2010, 17h34
  3. Réponses: 8
    Dernier message: 24/04/2009, 18h13
  4. Div plus grand que l'écran
    Par tabouet dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 25/03/2009, 21h56
  5. 8 est plus grand que 28 ??!!
    Par n@n¤u dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 23/05/2006, 15h14

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