2 pièce(s) jointe(s)
Positionner une div sous un input texte
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:
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:
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;
} |
