I'd like to have my component tree occupy exactly 100% of available browser display area, neither more nor less. That is to make the root element dimensions that of the browser's display area, no matter what is the size of the nested elements (nested elements should show scrollers if there is not enough room for them).
Currently the behavior I'm seeing is that components take up as much space as they need (unless I specify their size in pixels), making the dimensions of the parent component the sum of children dimensions.
Is there a generic pattern for laying out component in a such way? Should this be accomplished by general HTML means or by specifying certain RichFaces tag attributes? (I'm new to both HTML and RichFaces).