User:Wvengen@nikhef.nl/Web design:Flexible layout
In GUI toolkits (like GTK, Swing and many more) there is the concept of layout containers, which distribute the available space over its children according to preferred sizes and min/max criteria, among others. Currently it is not easily possible to do this in HTML/CSS. When CSS3's calc() arrives, there may be a clean solution, but for now, we have to resort to other means.
I'll be focussing the discussion on height, since that's what I needed, but this equally applies to widths. One can use min-height and max-height to specify size boundaries. For example, one could set min-height: 5ex to make sure that a number of lines can be shown in the box, but limit it to half of the available screen space using max-height: 50% (with a containing box of 100% in height).
Please find the skeleton page here.