On Sat, Dec 29, 2007 at 09:43:08AM -0800, Bill Moseley wrote: > > > I'm trying to replace an existing frame setup: > > +-------------------------------------------+ > | header | > +---------------------+---------------------+ > | | | > | | | > | scrollable div | scrollable div | > | | | > | | | > +---------------------+---------------------+ > | footer (optional) | > +-------------------------------------------+
Here's where where I'm stuck: http://hank.org/csslayout1.html is it possible to get the divs to fill 100% of the blue content area? Also, if fonts sizes are increased then at some point the two divs will not fit next to each other. How can I prevent that from happening? Do I have some non-relative sizing? Not very interesting, but a version with tables to get equal height columns (although I've also used javascript to achieve that in the past). http://hank.org/csslayout2.html Of course, still have the problem of the <div>s being 100% height. > > 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/ > -- 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/