Siamo alle solite, caro Interent Explorer 6 neanche la pensione ti darei; oggi ho riscontrato un bug che fortunatamente nel WWW è stato già affrontato da altri designer.
Costantemente nei miei layout CSS utilizzo per il 90% le regole flotattiti per gli elementi, garantendo loro tutte le dimensioni necessarie e reali che a loro spettano.
Infatti il paramentro “float:” sui diversi browser renderizza a dovere i parametri ( height: width: padding: e margin: ) espandendo i vari box secondo il loro contenuto senza difetti di visualizzazione.

IE6 non si smentisce e anche con queste regole si inventa qualcosa se esageriamo, infatti capita che per i tag <div> o <li> se preceduti o nei pressi di un commento HTML ( <!– –> invisibile lato utente) IE6 crea di propria iniziativa un semi duplicato dell’ultimo elemento flottante, mostrando una ripetizione anomala del contento dell’elemento.

Per risolvere questo difetto:

• usare <!—[IF !IE]> attorno al commento
• rimuovere i commenti, soluzione più sensata, o nel caso di una pagina dinamica (.php) usare i commenti del codice appropriato al posto di quelli HTML
• nel flottante precedente aggiungere lo stile {display:inline;}
• aggiungere un margine negativo -3px all’ultimo elemento flottante prima del difetto
• drammaticamente inserire un display:none; per il contenuto difettoso

Nel mio caso lavorando su piattaforma Java ho rimpiazzato i commenti HTML con i commenti JAVA ( <%– –%> ) dissolvendo il BUG alla radice.
In altri casi ho risolto togliendo il float all’elemento difettoso inserendo un clear:both; andando così a pulire la ripetizione dei float.

Ecco l’articolo originale
Altre risorse: Link1, Link2

Come tutti ormai sanno il supporto dell’alpha (la trasparenza) delle immagini in formato “.png”, è stato implementato in tutti i browser di ultima generazione, nessun problema per Firefox, Safari e Internet explorer dal 7 in poi. Per IE6 invece che l’utenza si ostina ad usare per ignoranza nell’avventurarsi in un concreto windows update e per le dubbie scelte di Microsoft nel non forzarne l’aggiornamento, è ancora un problema portando noi programmatori web al rifugiarci in subdoli escamotage per fixarne la trasparenza.
L’universo web offre svariate soluzioni tutte ottengono risultati e controindicazioni simili anche se sfruttano linguaggi e frameworks differenti.
La funzione primaria di fix la svolgono egregiamente ma purtroppo con dei limiti; per esempio nel caso di fix del background di una div, si perde l’interattività degli elementi children alla stessa, o nel caso di un’immagine che corrisponde ad un link il clic non ha risposta o infine il refresh della pagina nel processo di fix.

Ecco le eventuali soluzioni:

IE PNG Fix v1.0 / 2.0 Alpha 3 by TwinHelix
Sfrutta un file con estensione .htc “behaviors”, un’estensione custom del CSS di Microsoft che non ha effetto sugli altri browsers. Semplicemente aiuta IE5 e IE6 nel supporto della trasparenza. L’installazione avviene copiando il file iepngfix.htc e il file blanck.gif nella /root del sito e richiamandone la funzione tramite CSS; la documentazione completa sul sito.

jQuery.pngFix.js by Andreas Eberhard
Semplice plugin del mitico Framework Javascript jQuery, implementato sotto forma di js il plugin fornisce la stessa funzione del precedente, richiede anch’esso due passaggi di integrazione, link del js nell’head della pagina e attivazione del plugin nelle funzioni di jQuery; la documentazione completa sul sito.

Unit PNG Fix by Unit Interactive
Offrendo le stesse funzioni per le immagini .png questo fix è racchiuso in un unico e indipendente leggerissimo file js che entra in funzione semplicemente linkandolo nell’head. Documentazione sul sito.

Se esistono altre soluzioni, segnalatele!

finalemnte qualcuno che se ne accorge, visto avevo ragione io!
Bellissimo movimento web alla difesa di noi sviluppatori, “save the developers” propone all’utenza l’aggiornamento di Internet Explorer 6 con un qualsiasi altro browser di ultima generazione, nessuna preferenza verso firefox, opera o altro, l’importante è aggiornare IE6 in modo da eliminarlo e con lui eliminare tutti i problemi di compatibilità che si riscontrano nello sviluppare siti internet crossbrowser.
Il sito offre uno script per manifestare sul proprio sito tramite un badge in javascript, gadget personalizzati del movimento e uno spazio per i sostenitori con upload del proprio logo.

AGGIORNATE INTERNET EXPLORER 6