By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,952 Members | 1,438 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,952 IT Pros & Developers. It's quick & easy.

Using 100% height and not more

P: n/a
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,

Sep 24 '06 #1
Share this Question
Share on Google+
3 Replies


P: n/a
Any idea?

Sep 25 '06 #2

P: n/a
"Charles" <la********@gmail.comwrote in message
news:11**********************@m7g2000cwm.googlegro ups.com...
>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...
Trying to start looking at it simply, looked at that bottom frame on its
own. However didn't get very far, as when I added the dtd to the top, to
take the browser out of quirks mode...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

the textarea shrank. Hope this maybe gets more ideas going, but alas I can't
think what else needs to be done to fix the problem at the moment

Martin
Sep 28 '06 #3

P: n/a
On 2006-09-24, Charles <la********@gmail.comwrote:
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...
Sep 28 '06 #4

This discussion thread is closed

Replies have been disabled for this discussion.