Bug di Explorer 6 sugli elementi di lista
Questo articolo di Merlinox approfondisce e tenta di trovare una soluzione ad un bug molto rompino di Explorer 6. Leggete e ditemi che ne pensate.
Appena risolto un altro problema di incompatibilità di quello stron*o di IE6, il peggior browser che il mondo informatico e web abbia mai visto: non per problemi prestazionali, ma per problemi di compatibilità con le direttive del W3C!Uno di questi problemi l’ho chiamato “LI Height bug” ovvero problema della gestione delle altezze di liste (UL>LI), gestite visivamente via CSS, per creare un menù di navigazione verticale.
Esempio menù (LI)
Per prima cosa vi do il codice minimale per la creazione di un menù di navigazione verticale fatto con le liste, se volete altri esempi chiedete ai ragazzi: menù verticale css.
Considerate che #menuList è l’id di un elemento di tipo UL. ….continua…
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
19 Commenti
basta internet explorer 6. bisogna aggiornare e far aggiornare
siamo d’accordo con te francesco. non su tutti i siti è possibile però tralasciarlo
Sono pienamente d’accordo con ‘francesco’. Se noi web designer/developer continuiamo a dare supporto per IE6, questo browser continuerà a vivere…soprattutto nei nostri incubi.
OCCORRE FARE AGGIORNARE IL PIU’ POSSIBILE!!!
Come? Secondo me un ottimo sistema è quello introdotto da Youtube. Accedendovi con IE6 compare un messaggio in cui si avverte l’utente che il supporto per IE6 non sarà più garantito. E si danno un paio di consigli su come aggiornare il proprio browser (con IE8, FF o Chrome). Semplice, efficace dal punto di vista comunicazionale e veloce da sviluppare.
Io personalmente adotto la stessa tecnica. Un messaggio che esprima come il sito non sia navigabile correttamente con IE6. Inoltre, tranne sul mio sito web, non blocco l’accesso a quel tipo di browser…semplicemente faccio capire che il sito è “brutto” e poco funzionante con quel browser. Lascio all’utente la responsabilità di dire: “ok, continuo lo stesso” oppure “uhm, aspetta che aggiorno”…
Purtroppo IE6 non è solo poco rispettoso delle direttive W3C…prestazionalmente è un colabrodo: motore di rendering pessimo e javascript molto lento. Tant’è che oggi, con il sempre maggior uso di tecnologia Ajax e framework Javascript, rischia di peggiorare ulteriormente la user experience.
Statistiche alla mano è poi il browser in maggior declino…gli utenti che usano 7 e 8 lo superano di gran lunga.
Dunque cosa spinge a mantenere in vita il supporto di questo browser? il divertimento nel continuare a risolvere i suoi bug? oppure la paura di perdere qualche cliente?
Suvvia, un po’ di coraggio!
Non sono convinto che un cliente che navighi male su un sito con Internet Explorer 6 (a cui viene anche spiegato come risolvere questo problema, aggiornando!) sia un cliente perso! Semplicemente è un cliente “pigro” che, finché può, non cambia.
E non esistono nemmeno motivi economici, dato che non esistono browser a pagamento…
Quindi, il messaggio è sempre lo stesso:
OCCORRE FARE AGGIORNARE IL PIU’ POSSIBILE!!!
però, ragazzi, qui non si sta discutendo su questo. siamo tutti d’accordo sul far aggiornare, ma stiamo solo cercando di porre un rimedio ad un problemino di explorer. rimandiamo ad altri topic questi discorsi, di cui abbiamo già ampliamente parlato e sui quali ci trovate d’accordo
hai ragione…è che quando sento parlare di IE6…mi infervoro…
ti capisco benissimo
secondo me bisogna seguire la linea dura, se il sito risulta non più navigabile da IE6 gli utenti saranno costretti ad aggiornare!
Il tempo che passiamo a sistemare i bug di IE6 è davvero troppo se si pensa che non è un browser vecchio di 1 versione, ma vecchio di 2 versioni..
io personalmente metto un javascript che avvisa l’utente e gli indica come aggiornare il browser.
questo è molto bello come script http://code.google.com/p/ie6-upgrade-warning/
ancora!
ragazzi ma li leggete i commenti?
@dede: uh, grazie. Lo script che hai segnalato non lo conoscevo…io me lo sono dovuto più volte costruire da solo. Però il concetto è lo stesso. Linea dura. Ad ogni modo Lauryn ci voleva segnalare come risolvere un Bug su IE6 (per quelli non interessati alla linea dura… ^_^)
Ho letto l’articolo interessato ma il problema descritto era già stato risolto ed indicato acnhe in parecchi libri sui css. Espongo brevemente:
In ie6 quando gli elementi li sono messi a livello di blocco presentantano un problema ovvero quello di mettere un ampio spazio. Inoltre c’è un altro problema ovvero quando si inserisco gli elementi “a” in una lista a livello di blocco in cui si è definita la larghezza.
Per risolvere entrambi i problemi basta aggiungere queste correzioni:
all’elemento li: display:inline;
all’elemento a; height:0; (non importa assegnare un’altezza, anche 0 va benissimo.
Spero di essere stato utile.
mitico kiby, penso proprio di sì!! grazie, lo segnalo anche a merlinox!
Grazie a te!
P.S: ho notato qualche erroruccio nel mio commento di prima… non è che potresti fare delle correzioni così che gli utenti che leggono possano capire?? Ti segnalo questo:
“Inoltre c’è un altro problema ovvero quando si inserisco gli elementi…” dopo la parola elementi ci va il tag a scritto e non interpretato!!
IE6 è morto e sepolto… Inutile perderci altro tempo dietro.
aridaglie, il prossimo commento di questo tenore lo cestino.
Se ho ben capito il tipo di problema, si può risolvere senza usare i CSS mettendo tutti gli vicini, senza lasciare spazi bianchi tra e delle singole voci di menù.
@fox: quella è la soluzione per gli elementi di lista in linea, è un altro problema ancora
(scusate sulla risposta precedente non si vede il codice html)
Se ho ben capito il tipo di problema, si può risolvere senza usare i CSS mettendo tutti gli vicini, senza lasciare spazi bianchi tra e delle singole voci di menù.
ok. (comunque non sono riuscito a far vedere “li”)
ma esiste ancora l’IE6????