28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je réalise actuellement un site pour une entreprise, mais malheureusement, je suis confronté à un problème de positionnement d'une div contenant l'api de google map.

En effet, sous firefox 2.0, la carte est placée comme il se doit (il en va de même pour IE6 et iE7). Par contre, sous firefox 1.0.6, la carte subit un décalage d'une cinquantaine de pixel vers la droite et, je ne vois vraiment pas comment régler ce problème... Il y a des hacks pour IE mais pour firefox ?? J'ai bien trouvé lors de ma recherche google un "!important" mais si j'ai bien compris cela ne permet pas de differencier les versions de firefox.

Pour une meilleure compréhenssion je vous invite à consulter les screenshots ci-dessous :
http://s143898784.onlinehome.fr/mypix/myfiles.php?file=57 <-- Firefox 1
http://s143898784.onlinehome.fr/mypix/myfiles.php?file=58 <-- Firefox 2

Salutations numériques.
Bonjour,
oublies les hacks et plus particulièrement dans ce cas de figure
puisque tu n'as à ma connaissance pas de solution de cibler une version
particulière d'un navigateur alternatif (exception faites des méthodes de ciblage javascript).

Pour qu'on puisse t'aider, il faudrait au minimum que tu nous laisse
la totalité du code (XHTML/CSS) voire un lien.
Modifié par Hermann (07 Jun 2007 - 19:34)
Voici le lien vers la page en question :
http://enova-site.com/nous_contacter/nos_coordonnees.html

Le fichier css général du site :
http://enova-site.com/css/freestyle.css

Et le css reservé à la partie "nous_contacter" :
http://enova-site.com/css/freestyle_nous_contacter.css

Pour information :
Je n'utilise pas de javascript visant a déterminer un style particulier suivant le navigateur. J'utilise seulement diverses formes de hack.

je trouve quand même étonnant qu'il y ai ce problème, mais surement qu'il y a une différence de norme entre ces deux versions.

Au passager si quelqu'un possède Firefox 1.5 si il pouvait me fournir un screenshot de cette même page ou confirmer/infirmer (hum ca se dit ? Smiley lol ) le bon affichage de cette carte, ca serait sympa.

A moins qu'il existe une méthode alternative pour simuler Firefox 1.5 ?
Modifié par MAGE (07 Jun 2007 - 20:09)
A vrai dire, c'est que j'ai fait, car je ne me souvenais meme plus que j'avais firefox 1.0 sur l'autre pc...

THX.
Bonjour,

Bon chez moi FF2.0.0.4 et IE7, la map est décalée, elle est correctement placée pour IE6. (ou alors je suis à côté de la plaque Smiley biggol )

Le décalage est normal, ta map est placée en absolute et ton bloc référent est body, si tu places ton conteneur ou mieux contenu en relative, ta map sera alors placée par rapport à celui ci et tu n'aura même plus besoin de l'affreux vilain hack pour IE6.

Ps les commentaires conditionnels du type
<!--[if lt IE 7]>
	background-image: url(images/px-F4F4F4.png);
	background-repeat: repeat-y;
	background-position: right;
<![endif]-->
ne se place pas dans le css mais entre <head> et </head>

voir Smiley cligne
Modifié par ghost (07 Jun 2007 - 23:55)