<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Border Container</title>
<style type="text/css">
@import "dojo/dijit/themes/soria/soria.css";
@import "dojo/dojo/resources/dojo.css"
</style>
<script type="text/javascript" src="dojo/dojo/dojo.js"
djConfig="parseOnLoad: true">
</script>
<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("dijit.layout.ContentPane");
dojo.require("dijit.layout.BorderContainer");
</script>
</head>
<body class="soria">
<div dojoType="dijit.layout.BorderContainer" design="headline">
<div dojoType="dijit.layout.ContentPane" region="top" style="background-color:red">
The Dojo Book
</div>
<div dojoType="dijit.layout.ContentPane" region="left" style="background-color:lightblue;width:120px">
Table of Contents
</div>
<div dojoType="dijit.layout.ContentPane" region="center" style="background-color:yellow">
<ol>
<li>This is about Dojo</li>
<li>Dojo's BorderContainer</li>
<li>It's a wonderful world!</li>
</ol>
</div>
</div>
</body>
</html>
