Autor |
Nachricht |
T0M4T3
Threadersteller
Dabei seit: 27.03.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 05.04.2006 22:49
Titel Größe einer Selectbox begrenzen? |
|
|
Moin!
ich wollte die Größe einer Selectbox begrenzen.
Und zwar etwa so:
.box {
width: 100px;
}
Bei langen Einträgen verbreitert sie sich leider trotzdem.
Hat jemand nen Tipp?
|
|
|
|
|
sidisinsane
Dabei seit: 30.01.2006
Ort: Hamburg
Alter: 52
Geschlecht:
|
Verfasst Do 06.04.2006 07:02
Titel
|
|
|
so geht's:
Code: | <select style="width:100px; height:25px;"> |
|
|
|
|
|
Anzeige
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 06.04.2006 08:06
Titel
|
|
|
Da verhalten sich IE und FF etwas unterschiedlich.
Beide machen da das Pulldownmenu in der richtigen
Breite, die Einträge werden beim FF aber immer in
der maximalen Länge angezeigt - beim IE einfach
abgecuttet. Da kannste nix machen. Höchstens
vielleicht mit sowas
|
|
|
|
|
T0M4T3
Threadersteller
Dabei seit: 27.03.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 06.04.2006 14:29
Titel
|
|
|
ok, vielen dank
kann ich auch max-width benutzen oder macht das keine untschied?
|
|
|
|
|
sidisinsane
Dabei seit: 30.01.2006
Ort: Hamburg
Alter: 52
Geschlecht:
|
Verfasst Do 06.04.2006 15:40
Titel
|
|
|
raumwurm hatte ja recht, wenn er sagte das der
ie die breiten einträge einfach "abcuttet".
das man da "low-tech-mässig" nix machen kann stimmt aber nicht so ganz.
wenn man damit leben kann, das der auswahltext nach der auswahl weiterhin in der hauptbox abgeschnitten erscheint, er sich ansonsten aber im pulldownmenu frei entfalten kann und das design nicht mehr ganz 100%ig ist, dann kann eine zusätzliches div das problem beheben, oder besser gesagt, kaschieren.
Die lösung ist, man schiebt einfach eine breitere select-box unter ein kleineres div. zwar verschwindet hierbei der select-button, aber das schränkt die funktionalität nicht weiter ein, da das gesamte feld auf den mausklick reagiert.
bisher nur im ff 1.0.6 , ie 6 sowie opera 8.52 getestet. über mehr test-resultate würde ich mich freuen.
und sorry für den langen text aber dafür ist der code umso kürzer.
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:
Code: | <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> |
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 06.04.2006 18:27
Titel
|
|
|
T0M4T3 hat geschrieben: | ok, vielen dank
kann ich auch max-width benutzen oder macht das keine untschied? |
nö, max-width versteht der steinzeit-
ie ja schonmal grundsätzlich nicht.
das geht also auch nicht, leider.
sidisinsane hat geschrieben: | raumwurm hatte ja recht, wenn er sagte das der
ie die breiten einträge einfach "abcuttet".
das man da "low-tech-mässig" nix machen kann stimmt aber nicht so ganz.
wenn man damit leben kann, das der auswahltext nach der auswahl weiterhin in der hauptbox abgeschnitten erscheint, er sich ansonsten aber im pulldownmenu frei entfalten kann und das design nicht mehr ganz 100%ig ist, dann kann eine zusätzliches div das problem beheben, oder besser gesagt, kaschieren.
Die lösung ist, man schiebt einfach eine breitere select-box unter ein kleineres div. zwar verschwindet hierbei der select-button, aber das schränkt die funktionalität nicht weiter ein, da das gesamte feld auf den mausklick reagiert.
bisher nur im ff 1.0.6 , ie 6 sowie opera 8.52 getestet. über mehr test-resultate würde ich mich freuen.
und sorry für den langen text aber dafür ist der code umso kürzer.
.... |
hehehe, super, das ist ja mal eine
witzige lösung.
Zuletzt bearbeitet von Raumwurm am Do 06.04.2006 18:31, insgesamt 1-mal bearbeitet
|
|
|
|
|
T0M4T3
Threadersteller
Dabei seit: 27.03.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 06.04.2006 21:01
Titel
|
|
|
besten dank für die hilfe
|
|
|
|
|
|
|
|
Ähnliche Themen |
Selectbox mit Straßen nach PLZ auswahl
[PHP] Selectbox nach optgroup gruppieren
Werden Selectbox-Werte von Google berücktsichtigt?
[JS] - Index bzw. Text einer bestimmten Selectbox-Option...
drag von mc begrenzen
position:fixed div Scrollbereich begrenzen
|
|