Bredde på indholdet af 1-linje selectbox

style="width:auto;"

<ole>

'auto' er nok ikke velegnet, da elementet jo så ikke bliver mindst 200px bredt. I CSS2.1 kan du bruge 'min-width' - men det understøttes endnu ikke af IE  :o|

Hvis elementet _skal_ være mindst 200px bredt, er du nødt til at bruge noget JavaScript

/mvh
</bole>

Det er også derfor jeg har oprettet spørgsmålet i javascript :o)

Jeg klasker lige lidt kode ned for at vise hvad jeg mener

<select style="width: 20px;">
<option>111111111111111111111111
<option>2222222222
<option>33333
<option>44444444444444444
</select>

I denne selectbox kan jeg ikke se indholdet af dropdownboksen (yilføjelse: det virker fint i ff men ikke i ie) da den øverst del er sat til en fast bredde på 200 px. Jeg kan også prøve at tegne hvad jeg mener
---------------
| selectbox |v|
--------------------------
|111111111111111111111111|
|2222222222              |
|33333                  |
|44444444444444444      |
--------------------------

Den ligner da vist meget godt hvad jeg mener :o/

det gør den så ikke

Undlad at sætte bredde på dine selects - og skriv så:

<script type="text/JavaScript">
window.onload = function(){
    var aS = document.getElementsByTagName("select");
    for (var i=0,j=aS.length; i<j; i++) {
        if (aS[i].offsetWidth<200) aS[i].style.width = "200px";
    }
}
</script>

bars: er du kommet videre?

Respons...

?

Jeg har samme problem

Jeg har en selectbox der max må være 50px bred, men indholdet er nogengange meget længere.

I FF bliver listen så bare bredere end selve selectboxen, men i IE bliver alt teksten ikke vist.

Nogen der har en løsning?

lukker