Discussion :

[Paulux1]

Bonjour,
Je suis en train de refaire un site perso sur les voyages.
J’ai créé un formulaire qui permet de poster une demande de l’internaute.
Pour le sélecteur de villes, je me suis grandement inspiré du tuto de Pascal Martin
Le souci que j’ai c’est que l’affichage est bon sous FF mais complètement décalé en bas à droite sous IE8.
http://Develop.sosvacances.com
Extrait du code html de la page:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div id="info">
<span class="textTravel">Ville de d&eacute;part:</span>
<span class="travelElement">
	<div class="selecteurDep">
	  <input name="departure" type="text" id="departure" size="45" style="height:1,2em;"/>
	  <span id="indicateur-chargement-ville" style="display: none;"></span> 
	    <br />
		<span id="city_name_fr" style="display: none;"></span>
	    <div id="propal_departure" class="autocomplete"></div>
	</div>
	<input id="departureCode"  value="" type="hidden" name="departureCode"/>
</span>

J’imagine que c’est un souci de positionnement de la classe « autocomplete » par rapport à l’id « departure »… mais je ne parviens pas à le solutionner.
Quelqu’un aurait-il une idée ?
Merci d’avance,

[Yorick]

Salut,

Je ne vois pas de problème sous IE8

Appuie sur F12 et regarde si tu est en mode navigateur et mode document IE8.

[Paulux1]

Merci pour ta réponse. Je pense que je n'ai pas bien expliqué mon souci.
En fait Lorsque tu commences à saisir une ville ex: PARIS dés la saisie du troisième caractère, il y a une liste de suggestion qui apparait. Sous FF elle est bien en dessous de l'input qui reçoit le résultat, mais sous IE elle s'affiche de manière décalée

[Paulux1]

Bonjour,
En fait, je pense avoir compris d’où venait mon souci mais je n’arrive pas à le corriger :
Dans mon code html, j’ai un div « selecteurDep »qui contient notamment un input (id : departure )et ma lite de suggestion (id : propal_departure) qui par défaut est en display : none.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<div class="selecteurDep">
   <input name="departure" type="text" id="departure" size="45" style="height:1,2em;"/>
   <span id="indicateur-chargement-ville" style="display: none;"></span>
   <div id="propal_departure" class="autocomplete"> </div>
   <br />
   <span id="city_name_fr" style="display: none;"></span>
</div>

Il faut tout simplement que je puisse indiquer dans ma CSS que propal_departure doit s’afficher dessous selecteurDep.
Apparemment, IE8 ne l’entends pas de cette façon…
Comment donc pouvoir lui indiquer ceci ?
Merci de votre aide,

[Paulux1]

Bon, tout est résolu maintenant, j’ai repris pas à pas ma feuille de style (excellent exercice)… décidément les CSS n’acceptent aucune approximation !!