2009-10-07 6 views
1

css:fond css-frontière iexplorer

.item_fact{ 
    border-bottom:#CCCCCC 1px solid; 
} 

html:

<table> 
    <tr class="item_fact"> 
    <td> hello </td> 
    <td> world </td> 
    </tr> 
</table> 

IE7 ne présente pas le fond de la frontière, mais Firefox et Chrome ne! Comment puis-je pirater ce CSS?

Répondre

4

la syntaxe correcte css serait:

border-bottom: couleur de style de taille;

Ainsi, dans votre cas:

border-bottom: 1px #CCCCCC solide;

éditer: en réalité, il semble que TR n'agisse pas comme s'il contenait les éléments TD dans IE7. Une astuce que vous pouvez faire est de faire en sorte que la table écrase les bordures, puis applique tous les TD sous .item_fact pour avoir eux-mêmes le bord inférieur.

Comme ceci:

<html> 
<head> 
<style type="text/css"> 
table { 
    border-collapse: collapse; 
} 
.item_fact td { 
    border-bottom:1px solid #CCCCCC; 
} 
</style> 
</head> 
<body> 
<table> 
    <tr class="item_fact"> 
    <td> hello </td> 
    <td> world </td> 
    </tr> 
</table> 
</body> 
</html> 
0

frontières sur les lignes ne sont pas pris en charge dans IE/css. Vous devez délimiter les cellules.

.item_fact td { 
    border-bottom:1px solid #ccc; 
}