Un petit code pour remédier au petit souci d'interpétation de la couleur de fond des fieldset avec légende qui "déborde" vers le haut sous IE :

le problème:
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
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
<style type='text/css'>
fieldset{
background: silver;
}
</style>
</head>
 
<body>
<fieldset>
<legend> La légende de mon fieldset </legend>
<input type="texte" name="champs1" />
</fielset>
</body>
</html>
Comme vous pouvez le constater sous IE le fond déborde pour couvrir la legend, soratant ainsi du cadre du fieldset...
Pour y remedier il faut prendre IE par la main et lui forcer un 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
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
<style type='text/css'>
fieldset{
position:relative;
background: silver;
margin-top: 1em;
padding-top:1em;
}
legend {position:absolute;
        top:-0.5em;
        left:0.5em;}
</style>
</head>
 
<body>
<fieldset>
<legend> La légende de mon fieldset </legend>
<input type="texte" name="champs1" />
</fielset>
</body>
</html>
l'énorme avantage c'est que firefox interpère également ce css pour donner le même résultat .