How to create a border type layout in ColdFusion

cflayout - border layout

cflayoutBorder.cfm


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>cflayout tag: how to create a border type layout in coldfusion</title>
</head>

<body>
<h2 style="color:DimGray; font-style:italic">cflayout example: layout type border</h2>
<hr width="500" align="left" color="LightPink" />
<br />


<cflayout name="BorderLayout" type="border" style="height:400px; width:450px;text-align:center">
 <cflayoutarea name="TopBar" position="top" style="height:75px;">
     Top Area: Height 75px
    </cflayoutarea>
 <cflayoutarea name="LeftBar" position="left" style="width:75px">
     Left
    </cflayoutarea>
 <cflayoutarea name="CentarBar" position="center">
     Center
    </cflayoutarea>
 <cflayoutarea name="RightBar" position="right" style="width:100px">
     Right
    </cflayoutarea>
</cflayout>

</body>
</html>