Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

[CSS] SELECT und OPTION

Empfohlene Antworten

Veröffentlicht

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

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.


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

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!!!

  • Autor

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

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.