Discussion :

[Laughing Man]

Salut à tous.

Le titre est assez explicite je pense, donc voilà le code :

HTML (épuré de tout code PHP):

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
 
[...]
<div class="table">
	<div class="tr">
		<div class="td2 left-align">
			<label for="date_naissance">Date de naissance :</label>
		</div>
		<div class="td2 end">
			<input type="text" id="jour_naissance" name="jour_naissance" size="2" maxlength="2"/> /
			<input type="text" id="mois_naissance" name="mois_naissance" size="2" maxlength="2"/> /
			<input type="text" id="an_naissance" name="an_naissance" size="4" maxlength="4"/>
		</div>
	</div>
</div
[...]

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
42
43
44
45
46
47
48
49
50
51
 
div.table
{
	width: auto;
}
 
div.caption
{
	display:table-caption;
	width:auto;
}
 
div.tr
{
	border:thin solid red;
}
 
div.td, div.td1, div.td2, div.td3
{
	display:block;
	border:thin solid blue;
	float:left;
	/*padding: 5px;*/
}
 
div.td
{
	width: 22%;
}
 
div.td1
{
	width: 30%;
}
 
div.td2
{
	width: 50%;
}
 
div.td3
{
	width: 22%;
	margin-left: 5px;
}
 
div.end
{
	width:auto;
	float:none;
}

Le problème c'est que j'obtiens le résultat voulu sous FF, mais pas sous IE.
FF m'affiche bien tout sur une ligne, mais IE décale le label, et du coup le dernier champ de saisie se retrouve sur une nouvelle ligne.
J'ai fais pas mal de recherche et je trouve pas.

Si quelqu'un a une idée sur la question...

[c_s_s]

Bonjour,

Avec le code que tu donnes, IE (6 ou 7) affiche bien le champ "année" sur la même ligne.

Le problème doit venir d'ailleurs. Tu as moyen de mettre un code HTML/CSS complet ?
Ou mieux, une page en ligne ?

[Laughing Man]

Merci de ta réponse, je venais de m'en apercevoir en plus:p
ça venait de mon conteneur (un fieldset). Mais j'ai encore un autre problème avec mon tableau....
Je vais essayer de poster suffisemment de code cette fois^^

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
 
<style type="text/css">
div.table
{
	width: auto;
}
 
div.caption
{
	display:table-caption;
	width:auto;
}
 
div.tr
{
	border:thin solid red;
}
 
div.td, div.td1, div.td2, div.td3
{
	display:block;
	border:thin solid blue;
	float:left;
	/*padding: 5px;*/
}
 
div.td
{
	width: 22%;
}
 
div.td1
{
	width: 30%;
}
 
div.td2
{
	width: 50%;
}
 
div.td3
{
	width: 22%;
	margin-left: 5px;
}
 
div.end
{
	width:auto;
	float:none;
}
</style>
<div class="table">				
	<!-- Nom marital et sexe --> 
	<div class="tr">
		<div class="td left-align">
			<label for="nom_marital">Nom marital :</label>
		</div>
		<div class="td right-align">
			<input type="text" name="nom_marital" id="nom_marital"/>
		</div>
		<div class="td1 left-align">
			<label for="sexe">Sexe :</label>
		</div>
		<div class="td right-align end">
			<input type="radio" name="sexe" value="homme" id="homme"/><label for="homme">homme</label>
		</div>
	</div>
	<!-- Prénom et sexe --> 
	<div class="tr">
		<div class="td left-align">
			<label for="prenom">Prénom :</label>
		</div>
		<div class="td right-align">
			<input type="text" name="prenom" id="prenom"/>
		</div>
		<div class="td1 left-align">
			&nbsp;
		</div>
		<div class="td right-align end">
			<input type="radio" name="sexe" value="femme" id="femme"/><label for="femme"> femme</label>
		</div>
	</div>
</div>

(Cette fois j'ai testé avant de poster, et IE ne fait pas ce que je veux alors que FF oui)

[Laughing Man]

Bon j'ai fini par trouver. Il faut définir la longueur de la ligne (class tr). Il est vrément con ce IE