1 pièce(s) jointe(s)
[Firefox] Problème mise en page formulaire
J'ai un soucis de mise en page de mon formulaire sous Firefox.
En effet, mais champs de saisi se décale de mes label comme le montre l'image ci dessous
http://www.developpez.net/forums/att...1&d=1150721633
Voici le code XHTML :
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
|
<div id="content">
<h2>Inscription d'un nouvel utilisateur</h2>
<p> Les champs marqués d'une étoile <span class="important"> (*)</span> sont obligatoire. </p>
<form name="inscription" action="http://localhost:8080/transfertFichier/main" method="post">
<fieldset><legend>Informations personelles du client</legend>
<p>
<label> Nom * :</label>
<input type="text" name="nom" />
</p>
<p>
<label> Prenom * : </label>
<input type="text" name="prenom" />
</p>
<p>
<label> Société :</label>
<input type="text" name="societe" />
</p>
<p>
<label> Adresse * :</label>
<input type="text" name="adresse" />
</p>
... </fieldset>
... |
ainsi que le CSS correspondant :
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
|
div#content {
float:left;
position:relative;
width: 80%;
height:445px;
overflow: auto;
background-color: #FFFFFF;
text-align: justify;
text-indent: 20px;
color: #506388;
}
#content h2 {
text-align:center ;
color: #506388;
}
#content form {
margin: 0 auto;
width: 80% ;
}
#content form label {
float: left;
width:170px;
text-align: right;
}
#content fieldset {
border: 1px solid #506388;
background-color : #F0F4FF;
}
#content legend {
color:#506388;
} |
L'affichage est convenable sous Opera et Internet Explorer ...
Avez vous une idée du soucis avec Firefox ?
