Quel CSS dois-je utiliser pour faire apparaître la bordure d'une cellule même si la cellule est vide?
IE 7 en particulier.
Réponses
Trop de publicités?
Si je me souviens bien, la cellule n'existe pas dans certains IE, sauf si elle est remplie de quelque chose ...
Si vous pouvez mettre un & nbsp; (espace de rupture) pour combler le vide, cela fonctionnera généralement. Ou avez-vous besoin d'une solution de CSS pur?
Apparemment, IE8 affiche les cellules par défaut et vous devez le masquer avec empty-cells:hide mais cela ne fonctionne pas du tout dans IE7 (qui masque par défaut)
Rasmus
Points
815
rpetrich
Points
25769
Si vous définissez la propriété border-collapse sur collapse , IE7 affichera les cellules vides. Il réduit également les frontières bien que cela ne soit pas à 100% ce que vous voulez
CSS:
td {
border: 1px solid red;
}
table {
border-collapse: collapse;
}
Exemple de document HTML:
<html>
<head>
<title>Border-collapse Test</title>
<style type="text/css">
td {
border: 1px solid red;
}
table {
border-collapse: collapse;
}
</style>
</head>
</body>
<table>
<tr><td></td><td>test</td><td>test</td></tr>
<tr><td>test</td><td></td><td>test</td></tr>
<tr><td>test</td><td></td><td>test</td></tr>
<tr><td>test</td><td></td><td /></tr>
</table>
</body>
</html>
renozu
Points
236
Allain Lalonde
Points
28717
