dojo自定义部件模板的显示问题

直接上问题，我用dojo自定义一个组件，其实内容就是个页面布局 部件模板message.html如下
<div dojoType="dijit.layout.BorderContainer" design="headline" id="main">
  <div dojoType="dijit.layout.ContentPane" region="leading"  
  splitter="true" style="background-color: #acb386; width: 100px;">
  leading
  </div>
 
  <div dojoType="dijit.layout.ContentPane" region="center" 
  style="background-color: #f5ffbf; padding: 10px;">
  main panel 
  </div>
 
  <div dojoType="dijit.layout.ContentPane" region="trailing" 
  style="background-color: #acb386; width: 100px;" splitter="true">
  trailing
  </div>
</div>
部件js如下/ if(!dojo._hasResource["top.message"]){
dojo._hasResource["top.message"]=true;
dojo.provide("top.message");
  dojo.require("dijit._Templated");
  dojo.require("dijit._Widget");
  dojo.require("dijit.layout.BorderContainer");
  dojo.require("dijit.layout.ContentPane");
  dojo.declare(
"top.message",
[dijit._Widget,dijit._Templated],
{ widgetsInTemplate: true, //在Widget申报 widgetsInTemplate, 如果不加载的话模板中的部分dijit部件将无法正常显示
templatePath: dojo.moduleUrl("top","templates/message.html"),
   
  startup:function(){

  },
   
  }

);
}
在首页调用时关键代码就是:
<div dojoType="top.message" style="height:95px; width:100%; border:0px" ></div>
为何她的布局不是左中右，却是上中下呢？请指教，在线等

DOJO不了解，帮顶，关注一下！