Axel Fröhlich: Fixed Font

Ich möchte n Selectboxen untereinander anordnen. Dafür gibt es eine Tabelle, die innerhalb eines <TD> ein <SELECT> eintrag hat. Damit nun der Option-Eintrag immer gleich lang ist,
wird die Länge des längsten Eintrages ermittelt. Kürzere Einträge erhalten soviele   angehängt, wie die Differenz zum längsten Eintrag ausmacht. Um zu gewährleisten, daß die unterschiedlichen Zeichen gleich lang sind (normalerweise Proportionalschrift), erfolgt der Eintrag mit fester Zeichenlänge <TT>.
Netscape kann diese Darstellung sauber verarbeiten. Die Selektboxen stehen immer sauber mit gleicher Breite untereinander. Der Internet Explorer 4.0 oder höher, versteht‚s leider nicht. Er benutzt weiterhin Proportionalschrift. Laut Browsereinstellungen, sollte aber etwas anderes dargestellt werden.

Hier der verwendete Code:

<TD><TT>
  <SELECT NAME="Artikelnummer">
      <OPTION VALUE=#Artikelnummer#>                                  #Verpackungseinheit#
        #Gebindebeschreibung#
        #LSCurrencyFormat("#Preis_pro_VE#")##variables.blank#
     </OPTION>
  </SELECT>
</TT></TD>

  1. Hallo Axel,

    beim MS IE kannst du CSS benutzen, um Formularelemente nach Belieben zu formatieren.

    viele Gruesse
      Stefan Muenz

    1. Hallo Stefan,

      gute Idee, hat leider nicht funktioniert. Hier ist ein Code-Beispiel, wie ich mir die Sache vorstellen würde. In der zweiten Selectbox sind im Option-Tag 3  , damit der Eintrag genauso lang ist wie in der ersten Box. CSS ist integriert, interessiert aber weder Netscape noch IE (oder mache ich etwas grundsätzliches Falsch?).

      Vielen Dank für Hilfe!

      <HTML>
        <HEAD>
      <TITLE>Willkommen bei der Carl Wilden GmbH</TITLE>
      <style type="text/css">
         <!--
               TT {font-family:courier; color:blue;}
         //-->
      </style>
        </HEAD>
        <BODY BGCOLOR="#ffffff" HSPACE=0>
          <CENTER>
            <FORM>
      <TABLE BGCOLOR=#DDDDDD BORDER=0 NOBORDER WIDTH=720 CELLPADDING="0" CELLSPACING="0">
                      <TR>
           <TD><TT>
                            <SELECT NAME="Test">
        <OPTION VALUE="20">Das ist Eintrag Eins</OPTION>
                            </SELECT>
                        </TT></TD>
                       </TR>
                       <TR>
                          <TD><TT>
                             <SELECT NAME="Test">
                                <OPTION VALUE="17">Das ist Eintrag 2   
                             </SELECT>
                          </TT></TD>
                       </TR>
                    </TABLE>
             </FORM>
          </CENTER>
          </BODY>
      </HTML>

      1. Hallo Axel,

        gute Idee, hat leider nicht funktioniert.

        So meinte ich es auch nicht. Ich meinte es so:

        <style type="text/css">
        <!--
        SELECT {font-family:courier; color:blue;}
        //-->
        </style>

        Das geht beim MS IE.

        viele Gruesse
          Stefan Muenz

        1. Hallo Stefan,

          ich bin echt beeindruckt. Da fehlt wohl noch Erfahrung mit CSS auf meiner Seite. Aber das werde ich jetzt ändern.

          Vielen Dankf für die Hilfe.

          Schöne Grüße,
          Axel Fröhlich