Bonjour,

Voila j'ai remarquer un problème très ennuyeux avec IE7

Dans ce code j'affiche un bête fieldset qui prend 100% de la hauteur de la page. Et ce fieldset contient une table de hauteur 100%.

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html>
<head>
<style>
html, body
{
    height:100%;
    margin:0;
    padding:0;
}
 
</style>
</head>
 
<body>
 
<fieldset style="height:100%;">
<legend>titre</legend>
    <table style="height:100%;border:solid 1px red;" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                test
            </td>
        </tr>
    </table>
</fieldset>
 
</body>
</html>

Dans IE6 il s'affiche correctement, mais dans IE7 le tableau depasse le fieldset !!!! (n'importe nawak !). Si je retire le <legend>, le tableau ne depasse plus le fieldset.

Quelqu'un peut m'aider à résoudre ce problème. Merci d'avance !