28172 sujets

CSS et mise en forme, CSS3

Div plus grande que sa voisine 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 :

#img_google_map
{
	width: 98%;
	height: 85%;
}


Auriez-vous une idée svp ?

Merci d'avance.
bee
Modifié par beegees (26 Dec 2013 - 09:59)
Bonjour,

en regardant le site avec mozilla je suis tombé sur le même problème... le css pour #img_google_map n'est pas celui qui tu as mis dans lepost...

j'ai ça moi 


#img_google_map {
    height: 175px;
    width: 598px;
}


avec les % il n'y a pas de bug.. .
Salut,

Merci pour ta réponse.

Mon site s'affiche toujours mal actuellement chez toi ?

Quel est ton navigateur ?`

Merci pour l'aide.
bee
Salut,

Idem aujourd'hui,

j'ai testé avec mozilla, safari, explorer, chrome, Opéra...

le code est toujours :


#img_google_map {
    height: 175px;
    width: 598px;
}



il n'y a pas ton css que tu mentionne dans le post :

#img_google_map
{
	width: 98%;
	height: 85%;
}


t'as fait la mise à jour ? Smiley biggol

Si tu mets une DIv Parent largeur en %, leurs divs "enfant" ne seront pas influencées si tu leurs mets des largeurs en pixel... 



#wrapper {
    border: 1px solid #AFAFAF;
    margin: 0 auto;
    width: 960px;
}

#ensemble {
    float: left;
    height: 296px;
    margin: 5px 0 0;
    width: 44%;
}

#img_google_map {
    height: 175px;
    width: 598px;
}


Smiley murf
Salut,

Merci à vous deux pour vos réponses.

@Blond1, oui, mon code a été modifié depuis.

ohweb indique que tout est OK, je l'en remercie Smiley cligne

Passez de bonnes fêtes.

bee
Bonjour,
En effet elle s'affiche bien dans son cadre et ne déborde pas (ce qui était ta question si je ne me trompe pas),
par contre elle est complètement étirée en largeur et elle est tronquée.

Alors que quand j'affiche l'image dans le navigateur, j'obtiens ceci :
http://dubinfo.be/jameservices16_n/images/google_map.png

Pourquoi ne pas redimensionner cette image sous photoshop (par ex) afin d'obtenir un rendu non-tronqué et moins étiré ?
Salut,

Merci pour ta réponse.

Je demanderai à mon infographiste de s'en charger dès lundi.

En tout cas, je te souhaite mes meilleurs voeux pour 2014 et je te remercie pour ton aide.

bee
Sujet clos
Aller à