Breite von Selectboxinhalten anpassen

Status
Nicht offen für weitere Antworten.
S

stathis2000

Mitglied
Ich habe ein IE-Problem. Ich will Selectboxen mit einer festen Breite darstellen, habe mir gedacht, ok wird schon klappen mit CSS width: 55px z.b.

Auf Firefox klappt es auch, zeigt die aufklappenden Werte wunderbar in der Breite des längsten Eintrages an, doch der IE schneidet schlauerweise auch die aufklappenden Werte auf die 55px.

Hier mal ein Codebeispiel zum verdeutlichen:
HTML: 
<select name="select4" style="width:55px ">
  <option selected class="even">(Alle)</option>
  <option>aufsteigend</option>
  <option>absteigend</option>
  <option>Top 10</option>
  <option>Benutzerdefiniert</option>
  <option>00</option>
  <option>01</option>
  <option>02</option>
  <option>03</option>
  <option>04</option>
</select>
Hoffe mir kann jemand weiterhelfen...

Grüsse
Stathis
 
Mir ist hierfür keine Lösung bekannt, außer die Elementbreite entsprechend zu erhöhen.
 
Wieso bestehst du auf einer festen Breite des Elements und lässt nicht einfach den Browser entscheiden? Denn nicht jeder ist mit einem Windows-XP-PC mit Internet Explorer unterwegs.
 
@darksmilie: den Vorschlag (mit einer höheren Breitenangabe) habe ich doch schon genannt.
 
Gumbo hat gesagt.:
Wieso bestehst du auf einer festen Breite des Elements und lässt nicht einfach den Browser entscheiden? Denn nicht jeder ist mit einem Windows-XP-PC mit Internet Explorer unterwegs.
Zum Vergrößern anklicken....

Weil ich nun mal enge Selectboxfelder brauche für ein Menü. Siehe rechts das Menü... http://www.language-schools-in-spain.com/learn-spanish-valencia.htm

auf dem Firefox funktioniert es, aber beim IE schneidet er mir die Optionen ab. Gibt es da keine Möglichkeit?
 
Du hast zwei Möglichkeiten: entweder verzichtest du auf die Breitenangabe, und der Browser ermittelt die Breite anhand des Inhalts, oder du erhöhst den Wert für die Elementbreite.
 
Es muss eine Möglichkeit geben, ich habe es bei einer anderen Seite gesehen. Kann mich aber nicht mehr erinnern wo.... :(

Ich bin mittlerweile auf diese Möglichkeit gestossen:
css:
Code: 
div { 
   width: 200px; /* breite dem layout anpassen */ 
   height: 23px; 
   margin: auto; 
   overflow: hidden; 
   background-color; transparent; 
   border-width: 1px; 
   border-style: solid; 
   border-color: #FF0000; 
} 
select {  
   width: 500px; /* breite dem text anpassen */ 
   height: 25px; 
   position: relative; 
}
html:
HTML: 
<div> 
   <select name="Grossstadt" size="1">     
   <option value="0" selected>••• Bitte ins Feld klicken •••</option>     
   <option value="auswahl1">kurze auswahl</option>    
   <option value="auswahl2">suuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuperlange auswahl</option>     
   </select> 
</div>
Währe dann halt keine Selectbox mehr. Aber wenn nichts mehr von diesem Forum kommt, dann wird mir wohl nichts mehr übrig bleiben.

Danke für eure Hilfe.

Grüsse
Stathis
 
Ich weiss nicht wie mir das weiterhelfen soll?

>Dieses Attribut erlaubt Autoren eine kürzere Beschreibung für eine Option anzugeben als den Inhalt des OPTION-Elements.

Ich brauche keine kürzeren value Werte. Ich möchte, dass das Option-Element vollständig angezeigt wird und nicht wie beim IE mir es abschneidet. Siehe Code im 1. Betrag oben.

Aber danke für den Vorschlag, ist für andere Sachen gut zu wissen.

Grüsse
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück