CROSS-BROWSER.net
Lösungsdatenbank

HTML: TEXTAREA

Problem: Die Breite des durch das TEXTAREA Tags erzeugten Eingabefelds unterscheidet sich erheblich je nach je nach verwendetem Browser.

Lösung: Die Breite des Eingabebereichs wird offensichtlich nach völlig unterschiedlichen Methoden ermittelt, wenn der Font für den Eingabetext ein Proportional-Font ist. Der eine Browser scheint die mittlere Breite und der andere die maximale Breite der Buchstaben als Basis heranzuziehen. Um eine einheitliche Breite des Eingabefelds zu erreichen, muss also für den Eingabetext ein nicht-proportionaler Font (font-family: monospaced) verwendet werden. Da Netscape 4.x wiederum keine direkte Styles-Zuweisung für TEXTAREA akzeptiert, besteht die Lösung darin, mit SPAN eine Style-Class um das TEXTAREA-tag zu legen, und diese Class dann mit einem nicht-proportionalem Font zu definieren.