Hi all, This would seem like something straightforward, but I'm starting to look at the brick wall and considering beating my head into it.
I have a very basic page layout that has a header, body, and footer. The body has a repeating background pattern, and I want to get that DIV to expand vertically such that it fills out the available viewport space. That is... AVAILABLE VIEWPORT SPACE +--------------------------------------------------+ | +----------------------------------------------+ | | | | | | | FIXED SIZE HEADER | | | | width: Apx; height: ##px; | | | | | | | +----------------------------------------------+ | | +----------------------------------------------+ | | | | | | | VARIABLE SIZED BODY | | | | width: Apx; height: *avail y* px; | | | | | | | | | | | | | | | | | | | | +--------------------------------------------+ | | | +--------------------------------------------+ | | | | | | | FIXED SIZE FOOTER | | | | width: Apx; height: ##px; | | | | | | | +----------------------------------------------+ | +--------------------------------------------------+ I'm trying to avoid the use of tables, but no amount of tinkering seems to yield what I want. Namely, that the HEADER sits at the top of the viewport, the FOOTER sits at the bottom of the viewpoint, and the BODY expands to fill the middle. I've seen this done before without Javascript / DHTML, but for the life of me, cannot now recall (or find) examples of it. ..Rob ______________________________________________________________________ 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/
