Using 100% height and not more

I am designing a small HTML editor, and in the lower pane, I want the
textarea to use 100% height with the toolbar, but no more than that:
http://www.auriance.com/docs/tmp/editor/

Actually it uses 100% + 25px of the toolbar, which means if you click
an icon of the toolbar, it disappears instantly. How could I solve it?
Also resizing the frames doesn't work properly in IE...

Thanks,

On 2006-09-24, Charles <landemaine (AT) gmail (DOT) com> wrote:

I am designing a small HTML editor, and in the lower pane, I want the
textarea to use 100% height with the toolbar, but no more than that:
http://www.auriance.com/docs/tmp/editor/

Actually it uses 100% + 25px of the toolbar, which means if you click
an icon of the toolbar, it disappears instantly. How could I solve it?

form {
position: absolute;
top: 25px;
bottom: 0px;
width: 100%;
}

#input {
width: 100%;
height: 100%;
}

in input2.html

The way absolutely-positioned things work is if you set top and bottom,
but leave height to auto you get whatever height is necessary to give
you the distances you asked for from the top and bottom of your
containing block.

In this case the containing block is the frame, whose height is 50% of
the viewport.

Also resizing the frames doesn't work properly in IE...

Can't help you there I'm afraid...