venerdì, ottobre 08, 2004

Colgroup sui Browsers Gecko based

Come ormai è ben noto, i browser basati su gecko (Mozilla, firefox, camino, ecc...) hanno un bug che non permette la corretta interpretazione di alcuni attributi di stile alle colonne delle tabelle raggruppate tramite il tag colgroup.
Andando a cercare la storia di questo bug su bugzilla ho scoperto che è stato listato addirittura come bug numero 915 (su 263481 riportati fino ad ora), nel lontano 1998.
Per qualche strano motivo non è ancora stato risolto dal team di sviluppo di mozilla, ma ho trovato un workaround per assegnare comunque lo stile per colonna:
si basa sulle pseudoclassi definite nelle specifiche CSS2:

table { background: #fff; }
table td:first-child+td { background: #f66; }
table td:first-child+td+td { text-align: right; }

Invece che usare il colgroup si usa il selettore :first-child per ottenere la prima colonna, e per ogni colonna aggiuntiva si aggiunge un +td
In questa maniera si simula il raggruppamento per colonne anche su Mozilla e Firefox.
Attenzione, con IE bisogna continuare ad usare i colgroup perchè non supporta la pseudoclasse :first-child

2 commenti:

  1. Interessante, anche se dagli usi limitati. Grazie Simone della dritta. PS: che palle rifare il template del blog :(

    RispondiElimina
  2. davvero interessante!

    RispondiElimina