On Jan 8, 2006, at 3:22 PM, - Eli - wrote:
> Hi,
>
> I'm trying to convert this page - http://www.jhu.edu/liondance/ - that
> uses frames into one that doesn't use frames. The difficult part is
> that the middle section with the content is resizeable dependent upon
> the height of the browser window, so that there is never a scroll-bar
> anywhere else except in the content pane itself. I tried to replicate
> with with CSS, but was unable to do so correctly. I would post the
> code that I have so far, but I don't know the proper method to do so.
> I don't think pasting all the code here would work. I'll try a file
> attachment, though.
>
> Thanks,
> - Eli
You want to use the "overflow: auto" property on the middle content.
That will get it to scroll when it overflows. To force the container
to be exactly the height of the window, my initial impulse would be
to use absolute positioning with "top: 1em" and "bottom: 1em" (to
give it a little padding). However, I believe there are some browser
problems that crop up with this approach (although it's been awhile
since I've tried).
You can use the "incredibly tall but clipped" concept on the
container from the One True Layout (http://
www.positioniseverything.net/articles/onetruelayout/equalheight). It
would look something like this:
#main { padding-bottom: 1001em; }
body { overflow: hidden; margin-bottom: -1000em; }
Hope that helps. Good luck!
Matthew Levine (http://www.infocraft.com/)
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
