✔ Selectbox mit variabler Breite

[Teilzeitphilosoph]

Moinz.
Gibt es ne Möglichkeit eine Selectbox so zu coden, dass sie mindestens eine Breite von 110px hat, aber wenn ein längeres Element dazu kommt, sich dem längesten Element automatisch anpasst und wenn dieses wieder verschwindet, zurück auf 110px geht?

Also die Idee ist: Ich hab auf Arbeit ein kleines Browsergame zu coden. Der User wählt in der SB ein paar Missionen aus. Manche Titel sind nur "Rette Blalaber" und dann kommen welche mit "Finde DiesUndDas und bringe es nach SoUndSo".
Direkt darunter ist aber noch ne SB und die ist genau 110px lang, wo anderer Stuff ausgewählt wird. Wenn ich der ersten SB keine Breite mitgebe, geht sie auf maximale Größe, je nach längstem Titel und dann sieht es nich mehr bündig aus...ok, bei längeren Titeln nich zu vermeiden. Verschwinden diese langen Titel aber wieder und der nächst längste Titel ist unter 110px, schrumpft sie und das ist doof. Zu lang == ok. Zu kurz == doof.

War das halbwegs verständlich formuliert? ^^

-bedank-
TZP

 

[Exituz23]

Hmm.. du könntest

min-width: 110px;

versuchen.

 

[Maik]

Hmm.. du könntest

min-width: 110px;

versuchen.

Der Versuch wird von Erfolg gekrönt sein

Ich schieb das Thema mal ins CSS-Forum.

mfg Maik

 

[Teilzeitphilosoph]

Mja, dem kann ich jetzt zustimmen.

-bedank-
TZP

 

[Teilzeitphilosoph]

Haha...wieder mal zu früh gefreut. Hat das einen tieferen Sinn, warum der IE 7 dabei abkackt? Als einziger Browser -soweit ich das beurteilen kann- kommt er darauf so rein gar nich klar. :/

 

[Maik]

Sei getröstet, der aktuelle IE8 weiß mit der min-width-Eigenschaft beim <select>-Element umzugehen.

mfg Maik

 

[Teilzeitphilosoph]

Das nützt mir leider noch nix.
Aber ich hab etwas, was klappt...bis jetzt...noch...na ma gucken.

#containerSB {
  width: 90%;
  min-width: 110px;
}

* html #containerSB {
  width: expression((documentElement.clientWidth <110) ? "110px" : "90%" );
}

Und dann "nur" noch id="containerSB" im <select> und alle sind happy.

TZP