Discussion :

[SiriusBlack_648]

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 :

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
		<cfform action="index.cfm" method="post">        
 
		<div class="info">
 
       			<span class="infoLabel">
					<label for="Prenom">Pr&eacute;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 :

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
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