Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Setting the height of a <textarea>
- Thread starter emozley
- Start date
try setting the rows and cols attributes
What did you want the text area to be a 100% height of?
<honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2
What did you want the text area to be a 100% height of?
Code:
<textarea rows="20" cols="40" id="myTextArea"></textarea><honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2
- Thread starter
- #3
Try setting a height on the enclosing table cell.
<honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2
Code:
<td style="height:150px"><textarea style="height:100%"></textarea></td><honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2
But as always, try not to use inline styles and instead use an external stylesheet.
<honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2
<honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2
styling textareas to 100% height won't work unless you're in quirks mode. you'd most likely need some javascript to really complete what you're trying to do in a non-quirky web page.
*cLFlaVA
----------------------------
[tt]somebody set up us the bomb!![[bomb]](/data/assets/smilies/bomb.gif "[bomb] [bomb]")
[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
*cLFlaVA
----------------------------
[tt]somebody set up us the bomb!
[/tt][URL unfurl="true"]http://www.coryarthus.com/[/url]
This seems to work in FF and Safari on a Mac. I've not got a Windows machine to hand at the moment though.
This shouldn't be in quirks mode... or is it... I have a migraine!
<honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2
This shouldn't be in quirks mode... or is it... I have a migraine!
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"[URL unfurl="true"]http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
<title>Page Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<table border="1" width="450" height="400">
<tr>
<td width="450">1</td><td width="450">2</td><td width="450">3</td>
</tr>
<tr>
<td>4</td><td>5</td><td style="height:150px"><textarea style="height:100%;margin:0;padding:0;" name="myTextArea">textarea</textarea></td>
</tr>
<tr>
<td>7</td><td>8</td><td>9</td>
</tr>
</table>
</body>
</html><honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2
doesn't work in IE.
*cLFlaVA
----------------------------
[tt]somebody set up us the bomb![/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
*cLFlaVA
----------------------------
[tt]somebody set up us the bomb!
[/tt][URL unfurl="true"]http://www.coryarthus.com/[/url]
Does anything? At least the way it's supposed to?
;-)
<honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2
- Status
Similar threads
- Locked
- Question
- Locked
- Question
