La propriété empty-cells dans css détermine si le navigateur doit ou non créer des bordures autour des cellules vides dans les tableaux. Internet Explorer 6 a été pensé pour ne pas supporter cette propriété. Cependant, si vous alignez les lunes CSS dans la direction idéale, IE6 reconnaît effectivement la propriété empty-cells. Voici comment faire.
La création de CSS pour IE est l’une des parties les plus pénibles du travail d’un designer. Malheureusement, beaucoup de grandes entreprises utilisent encore IE. ainsi, les correctifs et les hacks pour IE6 sont toujours nécessaires.
Actuellement, je conçois une application pour notre hôpital (qui utilise encore IE6 uniquement). Le programme contient beaucoup de données dans des tableaux et le manque de support CSS de cellules vides était horrible. Voici un exemple de bordures n'apparaissant pas autour de cellules vides.
Pour contourner ce problème, vous devez définir le CSS effondrement de la frontière propriété du table à effondrer dans votre CSS aussi. Après cela, IE6 rendra correctement le cellules vides propriété sur vos TD. Voici l'exemple CSS le plus fondamental:
.sampletable {
border-collapse: collapse;}
.sampleTD {
empty-cells: show;}
Voici une capture d'écran de cette méthode en action: