Visualizzazione dei risultati da 1 a 7 su 7
  1. #1

    Problema IE nel ridimensionamento di una select

    Salve a tutti,

    in una colonna posta a sinistra della pagina ho una serie di campi di una form per la ricerca della larghezza di 200 px.
    Tra di essi c'è una select i cui valori interni delle option superano la larghezza della colonna
    (ridimensionata per poter stare all'interno dello spazio di 200 px quando è chiusa).
    codice:
    	#left_search form select {
    		width:150px;
    	}
    Il problema sussiste nel momento in cui la vado ad aprire: con gli altri browser la larghezza si adatta correttamente alla larghezza data dalle voci interne, mentre in IE rimane di 150 px tagliando via più della metà del testo (senza alcuno scrolling orizzontale).
    Come potrei risolvere, gentilmente? Ho fatto un po' di prove, tutte vane..

    Grazie mille in anticipo..
    "La luce e' piu' veloce del suono. Per questo motivo alcune persone sembrano brillanti fino a quando non parlano."

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    non si può, questo comportamento su explorer non è controllabile via css
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it L'avatar di ispuk
    Registrato dal
    Jan 2009
    Messaggi
    1,026
    perchè non imposti le dimensioni direttamente nell'html?

    mi sembra,ma forse mi sbaglio,non ricordo bene,che il tag sia maxwidth="" oppure maxheight=""

    forse ho detto una bischerata non mi ricordo sinceramente

  4. #4
    Grazie a tutti per le risposte,
    alla fine ho risolto con javascript (a quanto pare unica soluzione a questo fastidioso problema)!!
    "La luce e' piu' veloce del suono. Per questo motivo alcune persone sembrano brillanti fino a quando non parlano."

  5. #5
    Originariamente inviato da shadow001
    Grazie a tutti per le risposte,
    alla fine ho risolto con javascript (a quanto pare unica soluzione a questo fastidioso problema)!!
    Puoi indicare come l'hai risolto?

  6. #6
    Ciao,
    più o meno era così..
    codice:
    <select name="zona" style="width: 150px;" onfocus="expandSELECT(this);" onblur="contractSELECT(this);">
    E con Js

    codice:
    function expandSELECT(sel) {
    	sel.style.width = '400px';
    }
    
    function contractSELECT(sel) {
    	sel.style.width = '150px';
    }
    Molto, molto brutto..

    "La luce e' piu' veloce del suono. Per questo motivo alcune persone sembrano brillanti fino a quando non parlano."

  7. #7
    Originariamente inviato da shadow001
    Ciao,
    più o meno era così..
    codice:
    <select name="zona" style="width: 150px;" onfocus="expandSELECT(this);" onblur="contractSELECT(this);">
    E con Js

    codice:
    function expandSELECT(sel) {
    	sel.style.width = '400px';
    }
    
    function contractSELECT(sel) {
    	sel.style.width = '150px';
    }
    Molto, molto brutto..

    E' lo stesso che conosco io, fa veramente pena come soluzione, però fino ad ora l'ho sempre utilizzata.

    Grazie

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.