Re: Stacking DIV's and using height: 100%?

In article
<19429c01-02f8-4c86-b5d3-79f31fc0ef87 (AT) f10g2000hsf (DOT) googlegroups.co
m>,
Lypheus <lypheus (AT) gmail (DOT) com> wrote:

I'd like to find a way to stack two divs vertically, where the top div
is a fixed height and the bottom dynamic in order to fill the
remaining page height. I know this can be done by using
position:absolute and using hidden divs to pad things out, but there
must be a cleaner approach to this problem out there

[snip code...]

Can I interest you in a simple at

<http://members.optushome.com.au/droovies/alt/lypheus.html>

?

--
dorayme

Visually thats great, but if you change the background of the div
"body" to green, you'll see the div itself is not expanded to fill out
the page height here. The reason I want it to do this is that i'll be
using it as a clipping region for dragging "windows" within that div
area.

On Feb 12, 4:17 pm, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:

In article
19429c01-02f8-4c86-b5d3-79f31fc0e... (AT) f10g2000hsf (DOT) googlegroups.co
m>,

Lypheus <lyph... (AT) gmail (DOT) com> wrote:
I'd like to find a way to stack two divs vertically, where the top div
is a fixed height and the bottom dynamic in order to fill the
remaining page height. I know this can be done by using
position:absolute and using hidden divs to pad things out, but there
must be a cleaner approach to this problem out there

[snip code...]

Can I interest you in a simple at

http://members.optushome.com.au/droo...t/lypheus.html

?

--
dorayme

In article
<d25dd204-302f-485c-81be-09b84e56cf3c (AT) y5g2000hsf (DOT) googlegroups.com

,
Lypheus <lypheus (AT) gmail (DOT) com> wrote:

Visually thats great, but if you change the background of the div
"body" to green, you'll see the div itself is not expanded to fill out
the page height here. The reason I want it to do this is that i'll be
using it as a clipping region for dragging "windows" within that div
area.

On Feb 12, 4:17 pm, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:
In article
19429c01-02f8-4c86-b5d3-79f31fc0e... (AT) f10g2000hsf (DOT) googlegroups.co
m>,

Lypheus <lyph... (AT) gmail (DOT) com> wrote:
I'd like to find a way to stack two divs vertically, where the top div
is a fixed height and the bottom dynamic in order to fill the
remaining page height. I know this can be done by using
position:absolute and using hidden divs to pad things out, but there
must be a cleaner approach to this problem out there

[snip code...]

Can I interest you in a simple at

http://members.optushome.com.au/droo...t/lypheus.html

I don't mean to be too provocative but

<http://members.optushome.com.au/droovies/alt/lypheus2.html>

gets you the appearance of green in the area you want. The div
below does not need stretching to 100% height as long as it has
no colour that is different to the body proper.

If you are going to be putting something inside this div then
what do you want for that something? Or the surround? The
surround will be fine as long as you have transparent or same as
body on the div. If the something needs to be a different colour
than the green, what is the problem?

Your "a clipping region for dragging "windows" within that div
area" is not a particularly clear statement. Are you saying you
want to be able to put all sorts of elements below the head area
of the webpage and you want these things to seem to have one
colour as bg?

If I could know a real result you want, there would be other
solutions.

Please do not top post here. Please quote who you are replying
to. Not everyone uses threaded newsreaders or Google.

--
dorayme