Discussion :

[ledisciple]

Bonjour

Ceci positionne une div sous un input texte (affichage résutats en cours de frappe). Cela fonctionne très bien sous FF, mais pas sous IE 8. La div apparait bien mais sur le côté et pas en dessous de l'input. Qu'ais-je oublié pour que le code fonctionne bien avec (FF, IE, Chrome, Opera ...) quelque soit la version.

Merci

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class="contenaireDoubleCadreGauche">
	<div class="contenaireDoubleCadre">
		<div class="contenaireDoubleCadreGauche">
			<div>
				<input class="ChampPourInscrireCommune" style="float:left;" type="text" id="ChampVilleATrouver" size="46" name="ChampVilleATrouver" onkeypress="AffichageCarte('','','','','','oui')"><br />
				<div id="premonition"></div>
			</div>
		</div>
		<div class="contenaireDoubleCadreDroite">
			<input type="submit" value="Envoyer" onclick="ChercheVille('')">
		</div>
	</div>
	<div style="clear:both"></div>	
	<div id="carte" style="width:700px; height:600px; z-index:0;position:relative;float:left"></div>
 
</div>

et le css

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
.contenaireDoubleCadre
{
text-align:center; 
margin-left:1%;
margin-right:1%;
}
.contenaireDoubleCadreGauche{
	width:50%;
	float:left;
	text-align:center;
}
.contenaireDoubleCadreDroite{
	width:49%;
	float:right;
	text-align:center;
}
#premonition{
position:absolute;
margin-top:-3px;
z-index:10;
width:300px;
border-left-style:solid;
border-left-color:red;
border-left-width:1px;
visibility:hidden;
}
.ChampPourInscrireCommune
{
background-color:#FFCCCC;
border-top:0px;
border-left-style:solid;
border-left-color:red;
border-left-width:1px;
border-right:0px;
border-bottom:0px;
}