background-color dans un fieldset sous ie

**shawty** · 22/08/2007, 16h05

Bonjour,

Lorsque j'ajoute l'attribut "background-color" a un fieldset, les coins deviennent carres sous IE, y a-t-il moyen d'y remedier ?

Je voudrai en effet utiliser fieldset (pour ne pas utiliser des images), avoir un fond blanc dans mon fieldset et du gris autour.

Merci

**Tober** · 22/08/2007, 16h07

un exemple de code n'est jamais superflu

**shawty** · 22/08/2007, 16h17

Voici un exemple de code

:

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
 
<html>
<head>  
  <style type="text/css">
    #message{background-color:#EDEDED;}
    fieldset{ -moz-border-radius: 8px; border-radius: 1px; padding:1pt 0px; width:550px; background-color:#FFFFFF;}
  </style>
</head>
 
<body>
 
  <div id="message">
    <br>
      <center>
         <fieldset>
 
            ............ </br>
            ............ </br>
            ............ </br>
            ............ </br>
            ............ </br>
            ............ </br>
 
            </br></br>                  
 
 
         </fieldset>
       </center>
 
    </br>
  </div>
 
 
</body>

j'ai ajoute de quoi obtenir les arrondis sous firefox (ce n'est pas ca qui fait "bugger" IE)

**Tober** · 22/08/2007, 19h06

Je sais pas comment remedier a ton bug, mais -moz-border-radius et border-radius sont pas supportés par IE je crois et c'est du CSS3 si je ne m'abuse, donc c'est pas près d'être le standart

**trotters213** · 23/08/2007, 08h47

Tu peux t'en sortir plus ou moins bien ainsi :

Code HTML :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head> 
<title>test</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<style type="text/css">
/*ton CSS*/
</style>
</head> 
<body> 
  <div id="message">
    <fieldset> 
      ............<br />
      ............<br />
      ............<br />
      ............<br />
      ............<br />
      ............<br />
      <br /><br />
    </fieldset>
  </div> 
</body>
</html>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
#message{
background-color:#fff; 
width:800px; 
margin:0 auto;
}
 
fieldset{
-moz-border-radius: 8px; 
border-radius: 1px; 
padding:1pt 0px; 
width:550px; 
text-align:center; 
margin:0 auto;
}

Juste pour faire une rectification sur ce qu'a dit Tober : -moz-border-radius n'est pas valide quelque soit la version de CSS utilisée.

**shawty** · 23/08/2007, 10h17

Merci pour ta reponse mais le probleme est que la couleur va "deborder" du fieldset (ou du moins dans les angles si je reduis la div a la meme largeur que le fieldset)

Par exemple avec ce CSS la:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
#message{
background-color:#fff555; 
width:800px; 
margin:0 auto;
}

[edit]Et d'autre part, est-ce que l'attribut fieldset est valide/buggé ?

**trotters213** · 24/08/2007, 11h01

fieldset n'est pas un attribut mais une balise (un élément si tu préfères).
Il est tout à fait valide le problème c'est que les navigateurs l'implémente différemment au niveau des bordures.

background-color dans un fieldset sous ie

CSS

Discussions similaires

Partager

Partager