[Tableau CSS] Problème avec IE
Salut à tous.
Le titre est assez explicite je pense, donc voilà le code :
HTML (épuré de tout code PHP):
Code:
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:
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...
