dciwam.de / faq / css / n4-ie-formularfeld-gleich-breit

Formularfelder in Netscape und IE mit gleicher Breite dargestellen

Möglichkeit A

Definiere per CSS eine Festbreitenschrift für input- bzw. textarea-Felder.

Möglichkeit B

Definiere direkt die Breite des Formularfelds mit CSS.

Beispielcode:

/* Beispiel A */

input, textarea {
  font-family: "courier new", courier, monospace;
}
/* Beispiel B (B. Höhrmann) */

input[type=text] {
  width: 10em; 
}
/* Wobei der WinIE5 keine Attribut-Selektoren unterstützt... */

Beachte:
In Beispiel A bleibt die Größe des Feldes von der voreingestellten oder definierten Schriftgröße und von dem im size-Attribut angegebenen Wert abhängig.

In Beispiel B sollte darauf geachtet werden, dass der erlaubte Eingabetext nicht wesentlich kleiner ist, als die vorgegebene Länge des Feldes vermuten lässt. Das könnte sonst den Benutzer irritieren.

Peter Bieling · http://www.media-palette.de/

Zum Seitenanfang

URL: http://dciwam.de | Letzte Änderung: 23.10.2004 | G. Schneider | Kontakt