Markus: Breite einer Auswahlliste festlegen schlägt fehl

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

  1. 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

    --
    HAL 9000: Ich fürchte, wir haben ein Problem, Dave.
    1. Nachtrag:
      ... und so weit ich weiß, kennt XHTML1 kein 'Transitional'.

      1. 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

        1. 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

          --
          -------------------
          Death is nature's way of telling you to slow down.
          1. Es funktioniert! Danke für eure Hilfe!!!

            LG Markus

        2. 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

          --
          HAL 9000: Ich fürchte, wir haben ein Problem, Dave.
      2. 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

        --
        Warum nennt sich Andreas hier MudGuard?
        O o ostern ...
        Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
        1. Passe Dein Wissen der Realität an: http://www.w3.org/TR/xhtml1/#strict

          Danke. Man lebt und lernt...