Forum Moderators: not2easy

Message Too Old, No Replies

Firefox: font size issues in <textarea>

Firefox makes <textarea> text smaller

         

thesheep

2:02 pm on Jul 9, 2004 (gmt 0)

10+ Year Member



When I have this:

body, input, textarea { font-size: 100% }

in Firefox the text in the <textarea> is actually 1 or 2px smaller than in an <input> element.

In fact to get uniform size I have to put:

input {font-size: 100% }
textarea {font-size: 120% }

But then of course it's too big in IE which seems to get it right.

What does anyone do about this? I don't really want to set sizes in pixels for each element but I guess that's one solution.

drbrain

3:01 pm on Jul 9, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



... They use different fonts. textarea is a monospace font and input[type="text"] is a variable-width font.

Giving them the same font makes them look identical.

thesheep

12:19 pm on Jul 10, 2004 (gmt 0)

10+ Year Member



OK thanks I see.