Uwe: Textfelder und Comboboxen in der Breite angleichen

Hallo,

rätsele jetzt schon seit einiger Zeit herum wie es möglich ist Textfelder und Comboboxen in der Breite anzupassen.

Hab zwar schon was in der SELFHTML-Auslese gefunden...

############################################################
Breite und Höhe von Formularfeldern festlegen
  
Basierend auf einem Forums-Beitrag vom 25.August.1998 von:
Stefan Muenz, muenz@csi.com

Mit Hilfe von style="..." -Angaben können sie die Breite und Höhe von Formularelementen festlegen. Da Netscape diese Angaben jedoch nicht interpretiert, müssen Sie die Attribute width= und height= im <input> -Tag notieren.

<input size="40" width="200" style="width:200px;">
<select width="150" style="width:150px;">
<textarea cols="40" rows="10" width="250" style="width:250px;"></textarea>
############################################################

... aber leider scheint die "width" Angabe im Netscape 4.7 nicht mehr zu funktionieren. Eine Möglichkeit wäre es im IE CSS zu verwenden und im NC, der die CSS nicht interpretiert, mit der "size" Angabe die Textfelder per Augenmaß anzupaßen. Das alles ist aber immer sehr aufwendig und funktioniert auch nur mit den Textfeldern.

Hat jemand vielleicht auch schon mal probiert die Textfelder und Comboboxen in der Breite anzupaßen um ein ordentliches Aussehen zu erhalten ??

Vielen Dank

Uwe

  1. Hallo!

    Der Tip aus der Auslese stimmt soweit: style-Sngaben für IE und size-Angaben für Netscape.

    Bei Input-Buttons interpretiert Netscape allerdings keine width Angabe! Es gibt aber zwei Möglichkeiten tartzdem die breite anzupassen: a) Du nimmst statt einem normalen Buttone infach ein Image-Button oder b) da Netscape die Breite des Buttons dem Inhalt anpasst, passt Du einfach die Länge des Inhalts an, und zwar indem Du unter Value vor, und hinter dem Button-Text einfach mit   Leerzeichen einfügst, bis der Button die gewünschte Breite erreicht. Eine elegantere Lösung gibt es unter Netscape leider nicht.

    MfG, Tim

    1. Hallo Tim,

      danke für deine Antwort.
      Ich habe allerdings nicht das Problem mit Buttons sondern mit Textfeldern, denn die interpretieren auch nicht die "width" Eigenschaft im NC.

      Hier mal ein kleines Beispiel:

      <form>
        <input type="text" name="textfield" width="80" style="width:80px">
        <select name="select" width="80" style="width:80px">
        </select>
      </form>

      Eigendlich sollte nun der IE die CSS nehmen und der NC die "width", oder ?
      Habs nämlich ausprobiert und geht leider nicht.
      Möchte lediglich die Breite des Textfeldes und der Liste gleich groß bekommen.

      Gruß

      Uwe

      Hallo!

      Der Tip aus der Auslese stimmt soweit: style-Sngaben für IE und size-Angaben für Netscape.

      Bei Input-Buttons interpretiert Netscape allerdings keine width Angabe! Es gibt aber zwei Möglichkeiten tartzdem die breite anzupassen: a) Du nimmst statt einem normalen Buttone infach ein Image-Button oder b) da Netscape die Breite des Buttons dem Inhalt anpasst, passt Du einfach die Länge des Inhalts an, und zwar indem Du unter Value vor, und hinter dem Button-Text einfach mit   Leerzeichen einfügst, bis der Button die gewünschte Breite erreicht. Eine elegantere Lösung gibt es unter Netscape leider nicht.

      MfG, Tim

      1. Hallo Uwe

        Eigendlich sollte nun der IE die CSS nehmen und der NC die "width", oder ?
        Habs nämlich ausprobiert und geht leider nicht.
        Möchte lediglich die Breite des Textfeldes und der Liste gleich groß bekommen.

        Also probiers mal so:

        <form>
          <input type="text" name="textfield" width="80" style="width:80px">
          <select name="select" width="170" style="width:80px">
          </select>
        </form>

        Nun sind die beiden Felder im IE und im NN gleich groß!
        textfield width=80 und select width=170 sind daher gleich groß.
        Frag mich nicht warum aber es ist so.

        MfG
        Roman Sonnleithner alias Sonny
        http://www.atomic-eggs.com/selfspezial/daten/119.html

        1. Hallo Roman,

          hab es jetzt volgendermaßen realisiert:

          Für die Textfelder nur die "size" Eigenschaft nehmen.
          Geht mit IE und NC.

          Für die Combobox "width" für NC und style="width:" für IE benutzen.

          Hab es schon mal so gemacht, aber hab gedacht das es vielleicht einen einfacheren Weg gibt, da dieses Verfahren etwas mehr Zeit kostet da man die Breite nur durch "ausprobieren" richtig bestimmen kann.

          Gruß

          Uwe

          Hallo Uwe

          Eigendlich sollte nun der IE die CSS nehmen und der NC die "width", oder ?
          Habs nämlich ausprobiert und geht leider nicht.
          Möchte lediglich die Breite des Textfeldes und der Liste gleich groß bekommen.

          Also probiers mal so:

          <form>
            <input type="text" name="textfield" width="80" style="width:80px">
            <select name="select" width="170" style="width:80px">
            </select>
          </form>

          Nun sind die beiden Felder im IE und im NN gleich groß!
          textfield width=80 und select width=170 sind daher gleich groß.
          Frag mich nicht warum aber es ist so.

          MfG
          Roman Sonnleithner alias Sonny
          http://www.atomic-eggs.com/selfspezial/daten/119.html