Discussion :

[K-Kaï]

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


Voici le code XHTML :

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

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