PDA

View Full Version : textarea working in IE not FF

Meghann_78
10-21-2006, 02:46 AM
Hi,

My textarea is working fine in IE but its showing as a large box in FF, how do i get it read my .css textarea width and height? any help would be greatly appreciated!!

http://www.meghannscreations.com

here is my css:

<style type="text/css">
<!--
BODY {
scrollbar-face-color: #ffeaf8;
scrollbar-shadow-color: #ffeaf8;
scrollbar-highlight-color: #ffeaf8;
scrollbar-3dlight-color: #e2e1e1;
scrollbar-darkshadow-color: #e2e1e1;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #e2e1e1;
background-color: #ffffff;
cursor:url('/pink.ani');
}
-->


<!--
b{font-weight:bold; color: b3b1b1;}
u{font-weight:normal; color: b3b1b1;}
i{font-weight:normal; color: b3b1b1;}
-->

<!--
A:link {text-decoration: none; font-weight:normal; cursor:
crosshair);color:#b3b1b1;}
A:visited {text-decoration: none; font-weight:normal; cursor:
crosshair;color:#b3b1b1;}
A:active {text-decoration: none; font-weight:normal; cursor:
crosshair;color:#b3b1b1;}
A:hover {text-decoration: line-through; font-weight:normal; cursor:
crosshair; background-color: #FFeaf8;}


-->
<!--
body,tr,td, h6, p, li
{font-size: 8pt;
font-family: tahoma;
color:#b3b1b1;
line-height:12px;
letter-spacing:0pt;
-->
<!-- h6
{font-size: 7pt;
font-weight:normal}
-->
<!--
input, textarea
{color: #b3b1b1;
background: #FFFFFF;
font-size: 7pt;
font-weight: normal;
text-decoration: none;
font-family: Tahoma;
text-align: left;
border-width: 1px;
border-style: solid;
border-color:#b3b1b1;
width: 88px;
height: 31px;
scrollbar-face-color: #b3b1b1;
scrollbar-shadow-color: #b3b1b1;
scrollbar-highlight-color: #b3b1b1;
scrollbar-3dlight-color: #b3b1b1;
scrollbar-darkshadow-color: #b3b1b1;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ffffff;

-->
</style>
pb&j
10-21-2006, 03:01 AM
what part of it isnt working? looks ok to me.
Meghann_78
10-21-2006, 03:06 AM
in FF, at the bottom of the right frame is a textarea and its quite large, not what has been set in my css, width:88px; height:31px; its creating a bottom scrollbar which is what i dont want :(
Meghann_78
10-21-2006, 03:14 AM
oops i should have given this link:

http://www.meghannscreations.com/layout2.html thats where the right frame is.

Sorry!
pb&j
10-21-2006, 03:15 AM
the textarea there has this in it...
cols="17" rows="2"
since that is in the textarea tag itself, that will over-ride the css. try deleting that part out.
Meghann_78
10-21-2006, 03:33 AM
I just removed it, not even sure why i had put that in! LOL its still showing up as large though, I just tried removing all the html tags from the style sheet and thats not changing the size of it either, this is going to drive me bonkers! LOL thanks sooo much for your help! :D
pb&j
10-21-2006, 04:37 AM
hmm. odd. this test page works. perhaps test this out and see if it can be applied to your page...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
</head>
<body>

<form>
<textarea>
</textarea>
<textarea style="width:88px; height:31px;">
</textarea>
</form>
</body>
</html>
Meghann_78
10-21-2006, 04:45 AM
thankyou sooooo moch that worked!!!!!!!! i just replaced the <textarea> with <textarea style="width:88px; height:31px;"> and its working!! YAY :D :D :D
pb&j
10-21-2006, 03:51 PM
cool ;)