CSS Textarea Problems

BobbyDouglas · #1 28-Feb-2004, 11:45

When I am making a textarea for my form, and I define it with a class (defining the background color, font color, font size, and border color w/width) the textarea box, in Mozilla, appears about 1/4th the width. In InternetExplorer, it is in the full width (correct width).

mrbobdouglas[dot]com/stuff/textarea1.htm (without css)
mrbobdouglas[dot]com/stuff/textarea2.htm (with css)

mrbobdouglas[dot]com/stuff/explorer.jpg (screenshot using IE)
mrbobdouglas[dot]com/stuff/firefox.jpg (screenshot using firefox 0.

In the FrontPage view, the textarea appears in the full size, then I goto preview, still is the full size, then I open it in Mozilla, and it is 1/4th the size (wide).

Another Mozilla problem?

I haven't checked this on other computers. Not sure what else to do on this one.

I think the problem is with the font size. However, I am not sure how else I could get the correct font size for the textarea in Mozilla. Any ideas?

erniegerdie · #2 28-Feb-2004, 12:23

Place these two lines in your css class:

HTML Code:


	width: 200px;
	height: 100px;

Then remove cols and rows attributes from <textarea> making:

HTML Code:


<textarea name="S1" id="input">Width in pixels: 200px Height in pixels:100px</textarea>

Just change the width and height as necessary.

BobbyDouglas · #3 28-Feb-2004, 12:41

mrbobdouglas[dot]com/stuff/textarea3.htm

Still does not work. This way doesn't even work in IE. Thanks for the help though. I can't seem to find out how to do this at all.

erniegerdie · #4 28-Feb-2004, 12:44

Quote:

Originally Posted by BobbyDouglas

mrbobdouglas[dot]com/stuff/textarea2.htm

Still does not work. This way doesn't even work in IE. Thanks for the help though. I can't seem to find out how to do this at all.

I made an error on the code, it should be "class" and not "id" in the <textarea>

BobbyDouglas · #5 28-Feb-2004, 12:46

Tried that too. Still did not work.

Someone from another forum just told me to try:

HTML Code:

font-size: 11px;

Instead of:

HTML Code:

font-size: 11 px;

Ah and it worked!

erniegerdie · #6 28-Feb-2004, 12:52

Try this:

HTML Code:


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<style type='text/css'>
.input{
	width: 600px;
	height: 600px;
	border:1px solid #88A0C8; 
	font-family:  Tahoma, verdana, arial,sans-serif; 
	font-size: 11px; 
	color: #003068; 
	text-decoration: none; 
	background-color: #E9EDF0;
	}
</style>
</head>

<body>
<p><textarea class="input">Width in characters: 44f Number of lines: 8</textarea></p>

</body>

</html>

Works for me in IE6 and Firebird. I get the same size font and width, height

erniegerdie · #7 28-Feb-2004, 12:55

Oops sorry I didn't read you last post properly.

BobbyDouglas · #8 28-Feb-2004, 13:12

Just be glad it works!

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread:

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Chaintech Geforce 5600 FX problems	bartster74	Computer Hardware Forum	8	04-May-2004 13:16
CD Burner Problems	Joe9995	Computer Hardware Forum	0	07-Feb-2004 10:47
Apache - problems using PHP outside the intranet	ooandioo	Apache Web Server Forum	6	04-Feb-2004 09:27
CD Burner problems	dan_wood	Computer Hardware Forum	3	27-Nov-2003 19:12
textarea width problem	zuzupus	Web Design Forum	2	23-Jul-2003 03:06