[CSS] SELECT und OPTION

[Krain]

Ich möchte, das bei einem HTML-Select-Feld, das Feld selbst nur sehr klein Angezeigt wird, Der Option Bereich aber so groß, dass man jedes Element auch auslesen kann.

Im Firefox funktioniert folgernder CSS-Code, der IE allerding (wie immer) nimmt nur die Größenangabe des SELECT entgegen

select {width:80px}

option {width:250px;}

Hat jemand Lösungsvorschläge?

Gruss

Markus

[perdian]

Kurz und knapp: Scheint nicht zu funktionieren.

http://www.sitepoint.com/forums/showthread.php?t=200402

Eigentlich auch ein richtiges Verhalten, denn was sollte sonst bei folgendem Code passieren:

<select style="width: 100px" multiple="multiple" size="3">

  <option style="width: 200px">1</option>

  <option style="width: 200px">2</option>

  <option style="width: 200px">3</option>

</select>

Bestimmt jetzt select oder option die genaue Breite der Box?

Ne, das Verhalten finde ich schon in Ordnung - die Breite wird vom select festgelegt, und alles was (logisch) unterhalb vom select steht hält sich an dessen Breitenangaben.

Mir würde auch jetzt kein Beispiel aus einer Software einfallen, wo der Dropdown-Teil einer Selectbox nicht genausobreit wie die ursprünglich Box ist. Ich gehe sogar soweit zu sagen, dass das mit den Standard-Windows Steuerelementen gar nicht möglich ist und eine Spezialität der Gecko Rendering-Engine ist.

[Krain]

Ok - sehe ich ein, Ist es dann vielleicht möglich auf ein OPTION einen Tooltiptext zu legen, welcher beim Überfahren den gesamten text anzeigen könnte?

[perdian]

Ok - sehe ich ein, Ist es dann vielleicht möglich auf ein OPTION einen Tooltiptext zu legen, welcher beim Überfahren den gesamten text anzeigen könnte?

Klar ist das möglich - und Google kennt auch jemanden, der weiss wie:

http://www.google.com/search?hl=de&ie=ISO-8859-1&q=tooltip+html+select+option

[kills]

<option title="Ich bin ein Tooltip">2</option>

[Krain]

Wäre eine gute Möglichkeit, aber auch das Problem, dass nur der Firefox diesen Tooltip anzeigt, beim IE tut sich gar nichts

[SNOWMAN]

erkenne den browser und lass nur FF user auf die page, an IE User schreibst du: nutzt Firefox!

Ich wieß nich, irgendwie isses normal das der IE den einfachsen Code nicht kann!

ich hab auf meiner Page ein stink normales:

<p align="center">

<a herf...>link</a>

<a href..>link2</a>

<hr>

<a href....>link3</a>

</p>

im FF is alles schön zentriert, im IE is der link3 linksbündig. dacht ich, des hr unterbricht den <p>, also:

<p align="center">

<a herf...>link</a>

<a href..>link2</a>

</p>

<hr>

<p align="center">

<a href....>link3</a>

</p>

link3 ist dann endlich in der mitte, nur sind link1 und 2 dann linksbündig :[

aber eben nur im IE!!!

[Krain]

Find ich ja beruhigend, dass ich hier nicht der einzige bin. Ich hab mein Problem jetzt so gelöst, dass ich meiner SELECT-Box eine eigene Zeile in der Tabelle spendiert habe in der sie sich ausbreiten kann.

Ist zwar nicht schön, funktioniert aber, und man kanns in jedem Browser lesen (hoffe ich).

Trotzdem Danke für die Hilfe

gruss

markus