(sorry if you are on Thelist for dups)
I'm trying to replace an existing frame setup:
+-------------------------------------------+
| header |
+---------------------+---------------------+
| | |
| | |
| scrollable div | scrollable div |
| | |
| | |
+---------------------+---------------------+
| footer (optional) |
+-------------------------------------------+
with fixed height header and footer and with the center content area
fluid as in this example:
http://www.xs4all.nl/~peterned/examples/csslayout1.html
The problem I'm having is to get the center content area to *fill*
vertically the content area as the window is resized.
In the center content area I have two divs:
<div id="content">
<div id="left"></div>
<div id="right"></div>
</div>
with #left, #right { float: left }. Each of those have content of
varying length depending on the page and want each to be separately
scrollable.
What I can't seem to figure out is how to get the height of one (or
both) of the left or right divs to fill 100% height of the content
area based on the current window size.
If the window is sized very tall then the divs should
expand to fill the content area. If the window is sized small the
content will shrink (and display scroll bars if needed). There should
be a minimum width.
Can anyone point me to an example of how to accomplish this?
I've also looked at:
http://www.fu2k.org/alex/css/frames/
Thanks,
--
Bill Moseley
[EMAIL PROTECTED]
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
