2 pièce(s) jointe(s)
pb margin-bottom sur un input
Bonjour,
Je suis en train de programmer un formulaire et j'ai un problème d'espacement sous mes champs textes. Dans IE l'espacement est parfait, mais sous Firefox, il semble ignoré le margin-bottom.
Je vous poste le code et la css
PAGE DU FORMULAIRE
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
| <cfform action="index.cfm" method="post">
<div class="info">
<span class="infoLabel">
<label for="Prenom">Prénom : </label>
<br />
<label for="Nom">Nom : </label>
<br />
<label for="Courriel">Courriel : </label>
<br />
<label for="CodePostal">Code postal : </label>
</span>
<span class="infoLabel">
<cfinput type="text" name="Prenom" message="Entrez votre prénom svp" required="yes" class="infoInput" id="Prenom">
<cfinput type="text" name="Nom" id="Nom" required="yes" message="Entrez votre nom svp" class="infoInput">
<cfinput type="text" name="Courriel" id="Courriel" required="yes" message="Entrez votre courriel svp" class="infoInput">
<cfinput type="text" name="CodePostal" id="CodePostal" required="yes" message="Entrez votre code postal svp" class="infoInput">
</span>
<br class="clear">
</div>
</cfform> |
LA 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 37 38 39 40 41
| div.contener{
margin-left: auto;
margin-right: auto;
width:66.8em;
background-color:#FFF;
}
div.header{
background-image:url(../images/img_header.jpg);
background-repeat:no-repeat;
height:54.4em;
}
div.info{
height:142px;
width:260px;
position:absolute;
left: 756px;
top: 249px;
}
cfinput.infoInput{
text-align: right;
width: 13em;
margin-bottom:7px;
}
span.infoLabel{
padding: 0px;
margin: 0px;
width: 7em;
line-height:2.5em;
float:left;
text-align: right;
margin-right:1em;
}
.clear{
clear:both;
} |
J'ai mis les screenshot sous IE et FF.
Merci beaucoup