<sc:layout> - a YUI Layout Manager wrapper

The YUI Layout Manager allows a page author to easily partition his page into five different, distinct areas: top, left, right, bottom, and center. Swing developers familiar with the BorderLayout should find this concept very familiar. The following screen shot (shows the use of the layout tag to style/partition a particular region of the screen, using all five regions. If fullPage is set to true, the layout will consume the entire visible viewing area.

The markup that generated the screen shot is as follows:

<sc:layout style="height: 400px; width: 650px;" fullPage="false"> <sc:layoutUnit position="top" height="75" gutter="5px" resize="true" collapse="true" maxHeight="100" minHeight="50"> <div style="text-align: center; font-size: large; font-weight: bold"> This is my header. There are many like it, but this one is mine! </div> </sc:layoutUnit> <sc:layoutUnit position="left" width="125" gutter="5px" resize="false" collapse="true"> This would probably be some navigation stuff. </sc:layoutUnit> <sc:layoutUnit position="right" width="125" gutter="5px" resize="true" collapse="true"> Some random site stats, links, etc to clutter the page. </sc:layoutUnit> <sc:layoutUnit position="bottom" height="75" gutter="5px" resize="true" collapse="true"> <div style="text-align: center; font-size: large; font-weight: bold"> This is my footer. There are many like it, but this one is mine! </div> </sc:layoutUnit> <sc:layoutUnit position="center" gutter="5px"> <!-- SNIP! --> </sc:layoutUnit> </sc:layout>