TS: Problem das <textarea> in Firefox größer ist, als in allen anderen Browsern

Beitrag lesen

Hallo und guten Abend,

Dazu der Code:

<textarea readonly="true" class="bemku" name="bemerkung" cols="90" rows="10" maxlength="10000" wrap="soft" style="font-size: 14px;"></textarea>

Kann mir dazu jemand eine Erklärung geben bzw mir verraten, wie ich das verhindern könnte?

Ich finde das auch immer wieder spannend ;-)

Aber dazu müsste man jetzt wissen, nach welchemn Font in welcher Größe die Textarea die Zeilen und Spalten bemisst, wie hoch sie die Zeilenhöhe annimmt, usw.

Standardfont ist vermutlich ein monospace.

ich habe da mal selber 'was gebastelt und da ist die Textarea nun in allen hier verfügbaren Browsern gleich dargestellt. Du kannst aber sehen, dass es eine Diskrepanz zwischen Font-Size und Anzahl der Zeilen gibt. Das liegt eben daran, dass Zeilenhöhe <> Fontsize ist!

<!DOCTYPE html>
<html lang="de">
	<head>
		<meta charset="UTF-8">
		<title>Textarea und Größenangaben</title>
	
		<style type="text/css">
			body {
				font-family:sans-serif;
				font-size:12pt;
			}
			
			#ta1{
				font-family:courier, monospace;
				font-size:1em;
				width:20em;
				height:6em;
			}
		</style>
	</head>
	<body>
		<textarea id="ta1"></textarea>

	</body>
</html>  

Grüße
TS

--
es wachse der Freifunk
http://freifunk-oberharz.de