Hi all,

I'd like to layout a textarea and tell it to fill the remaining
available space (height and width) in it's container. Example HTML is
below.  (Strangely, with the height:100% it looks really messed up and
overflows the div on Safari and Mac Firefox.)

Is there an HTML/CSS solution?  It seems like I need to write some
Javascript to look at the height of the container and set the height
of the textarea.  If so, is that something that's already solved
somewhere in GWT?  I played around some with different panels, but
didn't see anything.

thanks,
Rob

<html>
<head>
<style>
#container {
    width: 300px;
    height: 400px;
    border: 1px solid blue;
}
#text {
    height: 100%;
    width: 100%;
}
#textdiv {
    height: 100%;
}
</style>
</head>

<div id='container'>
  <div>
    <input type='text' size='30'/>
  </div>
  <div id='textdiv'>
    <textarea id='text'>
    </textarea>
  </div>
</div>

</html>

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to Google-Web-Toolkit@googlegroups.com
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com
For more options, visit this group at 
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to