28173 sujets

CSS et mise en forme, CSS3

PIE et background-color de table imbriqué

bonjour,

j'utilise PIE pour arrondir les angles des cellules d'un tableau ....

sous Firefox ou Chrome, ça marche ( = rectangle arrondi vert sur fond rouge )
IE ( j'utilise IE 8 ) sans PIE, ca fait qd même bien : rectangle vert ( non arrondi ) sur fond rouge
mais avec PIE KO ... ( = que fond rouge ).

qd je donne le "background-color" à mon tableau "chapeau",
ca marche pas
mais dès que j'enleve le "background-color" à mon tableau "chapeau",
c'est bon ....

HELP !!!
et merci d'avance ...


voila mon code

<style type="text/css">
table.main {
  background-color: red;    
}

td.menu {
 	background-color: green; 
  
  -moz-border-radius:10px;
	-webkit-border-radius:10px;  
	border-radius:10px;
	behavior: url(page/script/PIE.htc);     
}
</style>
</head>
<body>

<table >
<tr><td class="menu" >XXXXX</td></tr>
</table>

<table class="main" >
<tr><td>

  <table >
  <tr><td class="menu" >XXXXX</td></tr>
  </table>

</td></tr>
</table>

Modifié par ml31 (02 May 2012 - 20:56)
bon, j'ai trouvé un solution provisoire qui corrige le problème :
invoqué PIE aussi dans le tableau "chapeau" ( mais sans mettre d'arrondi ... )

table.main {

     background-color: red;    

      -moz-border-radius:1px;

	-webkit-border-radius:1px;  

	border-radius:1px;

	behavior: url(page/script/PIE.htc);     

}



td.menu {

 	background-color: green; 

    -moz-border-radius:10px;

	-webkit-border-radius:10px;  

	border-radius:10px;

	behavior: url(page/script/PIE.htc);     

}



si vous trouvez mieux, faites moi signe !
Sujet clos
Aller à