CSS  »  Articoli  »  CSS hack e tecniche cross browser 

Strategie di sviluppo

Molto probabilmente siti che hanno una buona resa su IE6, Opera, Firefox e Safari non avranno problemi sulla versione definitiva di IE7. Riscontrare problemi di resa sull' anteprima della beta 2 di IE7 non deve indurre gli sviluppatori ad allarmismi: c'è da considerare infatti che si tratta, come ho detto in apertura, di una versione lontana dall'essere considerata definitiva, e che molto probabilmente al momento usata esclusivamente da sviluppatori e beta tester.

Cercare di sistemare siti esistenti al momento è quindi forse un po' prematuro: nel momento in cui uscirà la versione definitiva di IE7 la sua diffusione nell'utenza sarà comunque piuttosto lenta e si avrà il tempo di sistemare, evitando di fare doppio lavoro.

È invece un'ottima pratica di sviluppo premunirsi per siti di nuova creazione. A parer mio una strategia che può rivelarsi efficace è tenere il foglio di stile principale il più libero possibile da hack e workaround, e testare la resa sulle ultime versioni di Opera, Firefox e Safari. Se si dovessero riscontrare problemi IE5.x e IE6 potrebbe essere una strategia efficace. E nel momento in cui si dovessero riscontrare problemi sulla versione definitiva di IE7, anche in questo caso il commento condizionale potrebbe essere la migliore soluzione adottabile. Ecco il set di commenti condizionali per IE5.x, IE6 e IE7:

<!--[if lte IE 5.5]> CSS specifico per IE 5.0 e 5.5 <![endif]-->
<!--[if IE 6]> CSS per IE 6 <![endif]-->
<!--[if IE 7]> CSS per IE 7 <![endif]-->

C'è da evidenziare che in caso di diverse versioni di Internet Explorer installate, il commento condizionale le riconoscerà tutte come la maggiore installata: una piccola difficoltà facilmente sormontabile a fronte di una strategia permette la stesura di un CSS primario libero da hack, e uno sviluppo stratificato per le varie versioni di IE.

I bug noti o in via di risoluzione

Al momento sono davvero pochi i bug di IE7 documentati. Il primo e forse più evidente il mancato supporto di a:hover per le regole immerse in fogli di stile attraverso la direttiva @import, bug che è già stato sistemato dal team di sviluppo Microsoft e sarà scomparso nelle prossima versione di IE7, sia esso un'altra beta oppure la versione definitiva.

Ci sono alcuni problemi di box model relativi ad elementi posizionati assolutamente con dimensioni e padding espliciti, ma dovrebbero essere risolti.

Non è ancora stata sistemata la questione riguardante la parola chiave !important non correttamente implementata in IE fino alla versione 6 e nella beta 2 di IE7, ma a quanto pare l'IE team ci sta lavorando.

Infine un problema noto anche su IE5.x e IE6, ovvero uno spazio verticale extra e indesiderato tra i list-item che contengono elementi block level, per esempio in menu i cui link hanno display:block. Non so se verrà sistemato, ma è facilmente risolvibile specificando una delle due dimensioni dei link.

Cosa manca in IE7

Anche se le novità sono molte, purtroppo IE7 sembra ben lontano da browser quali Opera, Firefox e Safari: ci sono alcune proprietà e caratteristiche dei CSS che ogni sviluppatore vorrebbe implementate e che forse non lo saranno. Tra questi le proprietà min-height, max-height,min-width e max-width, gli pseudo elementi :before e :after, la pseudo classe :focus solo per restare in ambito CSS di livello 2.1.

Il primo hack per IE7

In dirittura d'arrivo di questo lungo articolo, segnalo una curiosità, ovvero il primo hack per IE7. Non essendo noti molti bug di IE7, al momento difficilmente potrà trovare applicazione pratica, e come al solito se proprio dovete sistemare le cose su IE7, consideratelo solo come ultima spiaggia.

Approfondimenti e conclusioni

Sono moltissime le fonti usate in questo articolo. Oltre a quelle linkate nella sua stesura, da citare in primis è IEblog, il blog del team di sviluppo di IE7 puntualmente aggiornato su novità e caratteristiche e la pagina su IE7 della CSS-discuss che contiene link a risorse, test e approfondimenti.

Si conclude qui questa ampia panoramica dedicata a IE7 in cui abbiamo visto le nuove caratteristiche CSS di cui dispone; per ora è totalmente assente una documentazione ufficiale del supporto di Ecmascript e DOM, che avrei voluto poter trattare. Passerà del tempo prima che la versione definitiva venga rilasciata, ma abbiamo ritenuto necessario presentare in anteprima alcune delle novità. Ulteriori approfondimenti seguiranno, qui su PRO oppure su <edit>. Alla prossima.

Altri articoli

Altre guide

Altre newsletter