Soluzione alternativa per supporto CSS di celle vuote IE6

La proprietà empty-cells in css stabilisce se il browser deve o non deve creare bordi attorno a celle vuote nelle tabelle. Si pensava che Internet Explorer 6 non supportasse questa proprietà. Tuttavia, se allineate i satelliti CSS nella direzione perfetta, IE6 riconosce effettivamente la proprietà empty-cells. Ecco come farlo.

Crafting CSS for IE è una delle parti più dolorose del lavoro di un designer. Purtroppo, molte grandi aziende usano ancora IE; quindi, le correzioni IE6 e gli hack sono ancora necessari.

Attualmente sto progettando un'applicazione per il nostro ospedale (che utilizza ancora solo IE6). Il programma contiene molti dati nelle tabelle e la mancanza di supporto CSS per le celle vuote sembrava orribile. Ecco un esempio di bordi che non appaiono attorno alle celle vuote.

Per risolvere questo problema, è necessario impostare il CSS border-collapse proprietà del tavolo a crollo anche nel tuo CSS. Dopo questo, IE6 render correttamente il empty-cells proprietà sul TD. Ecco l'esempio di CSS più semplice:


.sampletable {
border-collapse: collapse;}
.sampleTD {
empty-cells: show;}

Ecco uno screenshot di questo metodo in azione: