Select a larghezza fissa: Firefox OK in Explorer NO

[cichity74]

l'unica soluzione che ho attualmente trovato in rete prevede un javascript
vedi: http://free-script.it/post/Script_ja...xplorer-74.htm

vorrei sapere se c'è una soluzione "solo css"


cichity74

[cichity74]

up

[blekm]

imposti la lunghezza della select tramite css

select
{
width: 400px;
}

[cichity74]

Originariamente inviato da blekm
imposti la lunghezza della select tramite css

select
{
width: 400px;
}

Ho già utilizzato la proprietà width per definire / impaginare i select, ma in Firefox espande i campi al loro contenuto, in Internet Explorer no, rimane alla dimensione settata tramite width
per ragioni di impaginazione e per via del contenuto dinamico dei select, non posso preimpostare questo valore al massimo, in quanto non so a priori il contenuto e spaginerebbe il tutto.

Vedi:
1: screen con Firefox (va come si deve)
url: http://www.idroterm.eu/_file/select_in_Firefox.gif

2: screen con Internet Explorer (che pena sto browser)
url: http://www.idroterm.eu/_file/select_...t_Explorer.gif

esiste una soluzione in puro CSS ???
cichity74

[thomas_anderson]

vai nella cartella /res di Firefox. guarda il file forms.css e osserva quali proprietà usa su select. se non erro white-space è nowrap. prova tutte le proprietà che trovi. ^.^

[cichity74]

Originariamente inviato da thomas_anderson
vai nella cartella /res di Firefox. guarda il file forms.css e osserva quali proprietà usa su select. se non erro white-space è nowrap. prova tutte le proprietà che trovi. ^.^

scusami ma no ti seguo...
potresti essere un po più preciso/a


cichity74

[cichity74]

up

[whisher]

prova

select:focus{
    width:400px;
}
select{
    width:400px;
} 

[cichity74]

Originariamente inviato da whisher
prova

select:focus{
    width:400px;
}
select{
    width:400px;
} 

(select:focus)
Funziona solo con Firefox (a cui non serve)
Explorer lo ignora


cichity74

[whisher]

Sorry nella foga non ci avevo pensato