20919

I want to set the height of a TextArea to 100% of a Table Cell in XHTML 1.0 Transitional

I want to set the height of a TextArea to 100% of its parent table cell in XHTML 1.0 Transitional. I looked around at other similar questions that expressed to me that the parent element needs to have an explicitly defined height value in order for the TextArea's height to be 100% of that value.

I have a table that is 100% of the height of the html and body wich are set to 100%.

However, if I put the Table Cell's value as 100% of its parent, the row as 100% of its parent, and the table as 100% of its parent, which is set to 100% of the client height, I'm guessing, the textarea fills the entire viewport.

How would I set the height of the TextArea as simply 100% of the table cell without referencing the height value of a parent element all the way up to the root, and getting a result far from what I am after?

Here's the code:

<table> <tr> <td> <textarea rows="" cols=""> </textarea> </td> </tr> <tr> <td> <textarea rows="" cols=""> </textarea> </td> </tr> </table>

External CSS:

html, body { height: 100%; width: 100%; } table { height: 100%; width: 100%; } textarea { height: 100%; width: 100%; }

NOTE: For some odd reason, the width property seems to assign fine without reference to a direct parent, but the height doesn't.

Answer1:

Change your CSS to:

html, body { height: 100%; width: 100%; } table { height: 100%; width: 100%; } textarea { height: 100%; width: 100%; } td{ height:50%; }

Recommend

  • .net detect distributed transaction
  • Can I keep my Core data store on the Bundle if its readonly
  • Why is this jQuery reference '$(“”)' instead of '$(“”)'?
  • doing database write after the response
  • Name hiding in constructor initialization list
  • Simplifying the use of meshgrid in Matlab
  • Meteor.. accounts- password— Create account on client without login
  • Double dispatch in Java example
  • In C what exactly happens if i use () to initialize a double dimension array instead of the {}?
  • Symfony 2 error page response
  • Which open source license has no forking [closed]
  • How to explicitly/implicitly implemented interface members in C++/CLI?
  • Spring Cloud Microservice Architecture Confusion
  • C: Incompatible pointer type initializing
  • why xml file does not aligned properly after append the string in beginning and end of the file usin
  • Alternative To body {overflow:scroll;} That Will Prevent Page Jostling/Wriggling?
  • Transactional Create with Validation in ServiceStack Redis Client
  • Why Encoding.ASCII != ASCIIEncoding.Default in C#?
  • one Local Olampyad Questions on Informatic in 2011
  • Play WS (2.2.1): post/put large request
  • Breeze - Deleted Items nav properties bug
  • Handling un-mapped Rest path
  • PHP - How to update data to MySQL when click a radio button
  • javaw.exe and eclipse startup problems
  • Weird JavaScript statement, what does it mean?
  • Warning: Can't call setState (or forceUpdate) on an unmounted component
  • Unanticipated behavior
  • using conditional logic : check if record exists; if it does, update it, if not, create it
  • How to get icons for entities from eclipse?
  • KeystoneJS: Relationships in Admin UI not updating
  • Rails 2: use form_for to build a form covering multiple objects of the same class
  • Proper way to use connect-multiparty with express.js?
  • Load html files in TinyMce
  • need help with bizarre java.net.HttpURLConnection behavior
  • Can't mass-assign protected attributes when import data from csv file
  • JaxB to read class hierarchy
  • Django query for large number of relationships
  • How to Embed XSL into XML
  • Unable to use reactive element in my shiny app
  • Net Present Value in Excel for Grouped Recurring CF