Risolvere il problema delle select tagliate
Mercoledì 14 Gennaio 2009 - 08:24
di Cesare Lamanna
Confesso di non essermi mai imbattuto in qualcosa di simile, forse per via del browser che NON uso ;).
Chris Coyier di CSSTricks presenta il problema in modo efficace, anche grazie all’immagine allegata al post. Il caso è quello in cui si decida di impostare, via CSS, una dimensione fissa per una select. Cosa succede se il contenuto della stessa eccede in larghezza rispetto alla dimensione impostata? Su IE6 e IE7 il contenuto viene semplicemente tagliato, producendo il risultato che vedete qui sotto:
Oltre a riepilogare una serie di soluzioni note, l’autore espone un metodo da lui escogitato e basato, come gli altri su Javascript. Lo script fa sì che al passaggio del mouse sulla select, quest’ultima veda mutare il valore di width dalla dimensione fissa a auto. Servendo solo a risolvere una magagna di IE, lo script viene incluso all’interno di un commento condizionale.
Categoria: Scripting | Permalink
Commenti
1
Grazie mille,
stavo giusto cercando una risoluzione solida a questo problema.# - postato da Fabio Fabbrucci - 14 Gennaio 2009 - 09:42
2
la trovata è ottima… però penso che se dobbiamo caricare tanto codice js tanti gli elementi la pagina diventa pensantissima :(
3
Nel CMS che so programmando mi sono trovato in questa situazione. Però, piuttosto che usare js, ho preferito puntare sull’attributo title dei tag option. Anche perché intendo “penalizzare” un po’ chi si ostina a usare IE :D
# - postato da Alexandro - 14 Gennaio 2009 - 12:14
4
Personalmente preferisco operare diversamente progettando meglio in origine… ma è comunque un’ottima risorsa da tenere fra i segnalibri :)