Breite einer Auswahlliste festlegen schlägt fehl
Markus
- browser
Hallo,
ich hoffe, dass mir jemand von euch helfen kann. Habe schon danach gegoogelt und ihn Foren gesucht, aber leider nichts dazu gefunden.
Ich weiß, dass man die Breite einer Auswahlliste mit CSS festlegen kann. Sollte ein Eintrag länger sein, erscheint die untere Scrollbar und man kann den Eintrag scrollen. Ich verwende IE 7.0 und Firefox 2.0.0.4 aber da funktioniert das nicht. Laut SelfHTML funktioniert das ab IE 4.0 und Firefox 1.0
Hier ein kurzes Codebeispiel:
<!DOCTYPE html PUBLIC "..." "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
.sel_width {width:200px;}
--> </style>
</head>
<body>
<form name="testForm" action="">
<select name="Messages" class="sel_width" size="12">
<option>Hallo, das ist ein Test;Hallo, das ist ein Test;Hallo, das ist ein Test;</option>
<option>Hallo, noch ein Test;</option>
</select>
</form>
</body>
Normalerweise sollte bei diesem Beispiel ein Scrollbalken erscheinen. Doch beim IE und bei Firefox keine Spur davon. Das Seltsame ist, beim Konqueror schon.
Hat jemand eine Ahung, ob sich da was geändert hat oder ob ich da etwas falsch geschrieben oder verstanden habe? Ich bin für jeden Vorschlag/Hinweis dankbar!
LG Markus
Hallo,
Ich weiß, dass man die Breite einer Auswahlliste mit CSS festlegen kann. Sollte ein Eintrag länger sein, erscheint die untere Scrollbar und man kann den Eintrag scrollen. Ich verwende IE 7.0 und Firefox 2.0.0.4 aber da funktioniert das nicht. Laut SelfHTML funktioniert das ab IE 4.0 und Firefox 1.0
Hier ein kurzes Codebeispiel:
<body>
<form name="testForm" action="">
<select name="Messages" class="sel_width" size="12">
^
Hallo Markus,
Klassenbezeichnungen sollen keine Unterstriche enthalten.
Best wishes, imho_tep
Nachtrag:
... und so weit ich weiß, kennt XHTML1 kein 'Transitional'.
Nachtrag:
... und so weit ich weiß, kennt XHTML1 kein 'Transitional'.
Hallo, danke für deine Hilfe, hab das jetzt geändert zu:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
.selwidth {width:200px;}
--> </style>
</head>
<body>
<form name="testForm" action="">
<select name="Messages" class="selwidth" size="12">
<option>Hallo, das ist ein Test;Hallo, das ist ein Test;Hallo, das ist ein Test;</option>
<option>Hallo, noch ein Test;</option>
</select>
</form>
</body>
Es funktioniert aber leider immer noch nicht. Hast du vielleicht sonst eine Ahnung, an was mein Problem liegen könnte?
LG Markus
Hello,
Es funktioniert aber leider immer noch nicht. Hast du vielleicht sonst eine Ahnung, an was mein Problem liegen könnte?
vermutlich daran, dass jeder Browser ein anderes Verhalten an den Tag legt, wenn es um die verwendeten Steuerelemente geht. Mein IE6 sagt bspw. "nix da, du hast gesagt die Box ist 200px breit, also ist da Sense" - mein FF2 sagt "ups, da passt was nicht, dann mach ich mal die herunter geklappte Anzeige etwas breiter". Ich fürchte, du wirst damit leben müssen.
MfG
Rouven
Es funktioniert! Danke für eure Hilfe!!!
LG Markus
Es funktioniert aber leider immer noch nicht. Hast du vielleicht sonst eine Ahnung, an was mein Problem liegen könnte?
LG Markus
Hallo Markus,
gib dem <form> die Klasse 'selwidth' und füge im css ein overflow ein
(scroll oder auto). Allerdings hast du dann auch einen vertikalen
Scrollbalken, und ich nehme an, das ist auch nicht im Sinne des
Erfinders?
Best wishes, imho_tep
Hi,
... und so weit ich weiß, kennt XHTML1 kein 'Transitional'.
Passe Dein Wissen der Realität an: http://www.w3.org/TR/xhtml1/#strict
cu,
Andreas
Passe Dein Wissen der Realität an: http://www.w3.org/TR/xhtml1/#strict
Danke. Man lebt und lernt...