Egenskapen tom celler i css fastställer om webbläsaren borde eller borde inte skapa gränser runt tomma celler i tabeller. Internet Explorer 6 ansågs inte stödja den här egenskapen. Om du emellertid inriktar CSS-målarna i perfekt riktning känner IE6 faktiskt till egenskapen tom celler. Så här gör du det.
Att skapa CSS för IE är den av de mest smärtsamma delarna av en designers arbete. Tyvärr använder många stora företag fortfarande IE; Således är IE6-korrigeringar och hackar krävs fortfarande.
För närvarande designar jag en ansökan till vårt sjukhus (som fortfarande bara använder IE6). Programmet innehåller mycket data i tabeller och bristen på css-support för tomma celler såg hemskt ut. Här är ett exempel på att gränserna inte visas runt tomma celler.
För att lösa detta problem måste du ställa in CSS border-kollaps egenskapen hos tabell till kollaps i din CSS också. Efter detta kommer IE6 att korrekt göra tomma-celler egendom på dina TDs. Här är det mest grundläggande CSS-exemplet:
.sampletable {
border-collapse: collapse;}
.sampleTD {
tomma celler: visa;}
Här är en skärmdump av den här metoden i aktion: