Intense Minimalism

Internet Explorer 7 in the wild

Internet Explorer 7 ha finalmente migliorato il supporto agli standard! Hurrah! …non troppo. Due giorni dopo il rilascio ho già ricevuto la segnalazione che un sito che avevo fatto ha un problema sotto IE7.

Una buona parte dei webdesigner punterà il dito: “Hai usato hacks CSS!”. Vero… quasi.

L’unico hack che ho sempre utilizzato era lo “star hack”, ovvero quell’errore di parsing di Internet Explorer che credeva che il tag fosse figlio di qualcuno. Da qui: * html selettore. IE7 ovviamente non lo legge più… ma non essendo egualmente standard, il sito non si vede correttamente.

Checché ne dicessero i predicatori del “non usate hack”, lo star hack è sempre stata la soluzione “perfetta”: letto solo da IE, ma comunque aderente agli standard CSS, equivaleva a dire “se sei IE, allora aggiungi questa regola”. Così, con un foglio di stile perfettamente standard e alcune istruzioni per IE, si otteneva un risultato eccellente.

Se IE7 fosse perfettamente aderente agli standard, o quantomeno come tutti gli altri browser (Firefox, Opera, Safari, …) l’eliminazione dello star hack è evidente che non avrebbe comportato la minima modifica ai CSS.

A chi interessasse, l’istruzione condizionale per IE che “servirebbe” ancora nel CSS che non funziona più sotto IE7 è questa:

#header { position: absolute; }
* html #header { margin-left: -255px; }
/* [IEfix] “absolute” has a different position in IE */

Come ho già avuto modo di trovare in rete (articolo), basta aggiungere una riga solo per IE7:

*:first-child+html #header { margin-left: -255px; }
/* [IE7fix] still buggy *sic* */

Esatto: così come “* html selettore” funziona per tutti gli IE inferiori al 7, il selettore “*:first-child+html selettore” funziona solo per IE7. Ed è CSS standard.

Mi spiace, IE7, non sei ancora all’altezza. Ma, come ormai accade, andrai avanti con i debiti, come è sempre successo.