== <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 <code>fullPage</code> is set to <code>true</code>, the layout will consume the entire visible viewing area. [[image: layout.png]] The markup that generated the screen shot is as follows: <textarea name="code" class="xml"><nowiki> <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> </nowiki></textarea>