Is there a way to make the height of the textarea in my demo always be 50% of the frame's height, even when resizing the frame? Currently, the textarea's height does not adjust dynamically. How can I achieve this?
html, body {
line-height: 1;
background:#F8F8F8;
font-size: 22px;
height: 100%;
width: 100%;
}
#text {
width: 95%;
height: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
clear:both;
}
#textArea {
width: 95%;
height:auto !important; /* real browsers */
height:50%; /* IE6: treaded as min-height*/
min-height:50%; /* real browsers */
max-width: 902px;
margin-left: auto;
margin-top: 5px;
background-color: blue;
}