469,648 Members | 1,168 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,648 developers. It's quick & easy.

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,

Sep 24 '06 #1
3 1735
Any idea?

Sep 25 '06 #2
"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
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.

Similar topics

17 posts views Thread by Mike | last post: by
4 posts views Thread by reycri | last post: by
11 posts views Thread by Aljosa Mohorovic | last post: by
2 posts views Thread by aashishn86 | last post: by
reply views Thread by gheharukoh7 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.