IE6 e un magico script che lo rende “quasi” standard compliant
Apprendo da un interessante articolo di Jeremy Keith che simpaticamente “delira” su quando sia il caso di ottimizzare anche per explorer 6 e quando no, tramite un’equazione matematica, che un certo Dean Edwards ha creato uno script chiamato IE7.
Non ne conoscevo l’esistenza, ma a quanto pare questo “magico” script rende explorer6 e inferiori dei browser molto simili a quelli che supportano gli standard, come explorer7, firefox, opera etc.
E’ sufficiente inserirlo nel nostro sito richiamandolo con l’if condizionale per i browser explorer:
<!--[if lt IE 7]><script src="http://ie7-js.googlecode.com/
svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script<![endif]-->E dovrebbe (dico dovrebbe perchè non ho ancora avuto modo di testarlo):
- supportare i seguenti selettori CSS:
- genitore > figlio
- adiacenti + fratelli
- adiacenti~ fratelli
- [attr], [attr="value"], [attr~="value"] etc
- .multiple.classes (fixa i bug)
- :hover, :active, :focus (per tutti gli elementi)
- :first-child, :last-child, only-child, nth-child, nth-last-child
- :checked, :disabled, :enabled
- :empty, :contains(), :not()
- :before/:after/content:
- :lang()
- supporta i fogli di stile importati
- mantiene la cascata dei fogli di stile
- non altera la struttura dei documenti
- non richiama ripetutamente l’albero DOM usando JavaScript
- usa CSS puro per raffornzare le regole di stile
- supporta il W3C box model sia nello standards che nel quirks mode
- supporta il fixed positioning (senza sfarfallio)
- supporta overflow:visible
- supporta min/max-width/height
- fixa gli elementi di interruzione (X)HTML (abbr, object)
- standardizza il comportamento dei forms
- supporta la PNG alpha transparency
- script leggero (11KB)
- funziona per Microsoft Internet Explorer 5+ (Windows)
Io suggerirei di testarlo prima possibile, forse ci alleggerirà un po’ di lavoro, perchè, checchè ne dica Keith, purtroppo explorer 6 è ancora molto diffuso e da supportare. Lui suggerisce di valutare, a ritroso, dalla più estrema al suo opposto, l’opportunità di:
- bloccare gli utenti explorer 6 dall’accesso al proprio sito (
direi davvero estrema, magari aggiungerei io, suggerire tramite un avviso, di aggiornarsi almeno a ie7 per una migliore visualizzazione) - sviluppare con gli standard web e ignorare i test su ie6 (come sopra)
- usare lo script di Dean Edwards come suggerito (e aggiungo io, fare piccoli test perchè qualcosa sfuggirà)
- scrivere un file css per fixare explorer 6 (che stress)
- rendere il tutto graficamente esatto fra explorer 6 e gli altri browser (doppio stress!)
Magari facciamo anche presente ai nostri clienti che il risultato non sarà mai uguale su tutti i browser, perchè come suggerisce Scano, sarebbe come voler far vestire a differenti donne lo stesso abito taglia 42… 
L'Autore
Laura Gargiulo, webdesigner freelance. Web architect senior, esperta xhtml, css, usabilità, design, cms, webmarketing e Seo, Wordpress specialist. Membro del progetto di prossima pubblicazione Piperita Lab e dell'IWA Italy Visita il mio sito personale Lauryn.it e contattami pure per un preventivo gratuito.
Add to Google
18 Commenti
Ciao!
ho fatto alcuni test su una pagina di un sito in sviluppo. Mi ha sballato completamente il layout e non ha risolto i problemi di :hover :focus. Forse solo un caso eh…
inoltre la sintassi dell’if è sbagliata. Questa dovrebbe essere giusta:
[if IE 7]
no confermo è giusto if lt IE7, significa che è visibile solo a ie6 e inferiori.
un consiglio: salvate il js in locale sul vostro sito e richiamatelo da lì. sicuramente è più veloce e crea meno problemi.
Errore al punto 3, sono necessari due trattini.
Sostituitelo con:
Saluti
<![endif]–->
ho corretto
IE6 e un magico script che lo rende “quasi” standard compliant | Italian webdesign…
Explorer6: esiste una soluzione?…
bloccare gli utenti explorer 6 dall’accesso al proprio sito è senz’altro la soluzione più adatta, meno stress per tutti
Ho giusto un progettino personale che potrebbe beneficiarne.
Evvai di testing
Io lo uso da anni
. Dean Edwards è un mito.
oh ecco un’esperienza autorevole. allora mi fido, grazie marco
[...] | ItalianWebDesign posted under Web Designing, internet explorer Post correlati: CSS: dare uno stile [...]
Grandioso
io è da qualche mese lo uso… forse è un pochino ostico il fatto di dover rinominare con TRANS 
) tutte le png… ma grazie a questo script niente più pngfix hack ecc, ecc… Basta solo un pochino di esperienza ed il gioco è fatto 
ottimo, grazie della segnalazione!!
ragazzi scusatemi devo inserire questo codice all’interno delle tag ?
@dario: questo codice va inserito fra i tag di apertura e chiusura della head
Secondo me IE6 è utilizzato dai uebmaster per testare i siti e così facendo producono il traffico con questo browser. Se tutti noi facessimo a meno di testarlo sparirebbe completamente.
sai che è una giusta riflessione??
purtroppo l’altro giorno al consultorio familiare ho visto che la tipa navigava da explorer 6, sigh, ma la tua considerazione non è da sottovalutare