title: Need help laying out a site with dojo
body: <p>basically guys i will like to layout a website with dojo where by i will have a header, content area ( this is divided in two with some accordions in the left pane and the right for the main content) then a footer.</p>
  
  <p>since i need the site to always have this layout i decided to put it in the master layout. however when i view the site, i see the default index page alright but its not in the pane as i was hoping and none of the dijit widgets gets rendered. </p>
  
  <p>not sure if pasting large code in a post is allowed if not i am sorry but below is the code for the master layout. i have not done much to the default zend tool structure. i have only created a couple of modules:</p>
  
  <pre><code>    &lt;?php
      Zend_Dojo::enableView($this);
  
      $this-&gt;dojo()-&gt;setCdnBase(Zend_Dojo::CDN_BASE_GOOGLE)
              -&gt;addStyleSheetModule('dijit.themes.tundra')
              -&gt;setDjConfigOption('parseOnload', TRUE)
              -&gt;setDjConfigOption('locale', 'en-GB')
              -&gt;setDjConfigOption('isDebug', TRUE);
      echo $this-&gt;dojo();
      ?&gt;
  
      &lt;script type="text/javascript"&gt;
          dojo.require("dijit.layout.ContentPane");
          dojo.require("dijit.layout.BorderContainer");
          dojo.require("dijit.layout.TabContainer");
          dojo.require("dijit.layout.AccordionContainer");
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div dojoType="dijit.layout.BorderContainer" gutters="true" id="borderContainer"&gt;
          &lt;div id="header" dojoType="dijit.layout.ContentPane" region="top" splitter="false"&gt;
              &lt;div id="logo"&gt;
                  &lt;img src="/images/logo.gif" /&gt;
              &lt;/div&gt;
  
              &lt;div id="menu"&gt;
                  &lt;a href="&lt;?php echo $this-&gt;url(array(), 'home'); ?&gt;"&gt;HOME&lt;/a&gt;
                  &lt;a href="&lt;?php echo $this-&gt;url(array('page' =&gt; 'services'), 'static-content'); ?&gt;"&gt;SERVICES&lt;/a&gt;
                  &lt;a href="#"&gt;CONTACT&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;&lt;!-- end header --&gt;
  
          &lt;div dojoType="dijit.layout.BorderContainer" liveSplitters="false" design="sidebar"
               region="center" id="content"&gt;
              &lt;div dojoType="dijit.layout.AccordionContainer" minSize="20" style="width: 300px;"
                   id="leftAccordion" region="leading" splitter="true"&gt;
                  &lt;div dojoType="dijit.layout.AccordionPane" title="One fancy Pane"&gt;
                  &lt;/div&gt;
                  &lt;div dojoType="dijit.layout.AccordionPane" title="Another one"&gt;
                  &lt;/div&gt;
                  &lt;div dojoType="dijit.layout.AccordionPane" title="Even more fancy" selected="true"&gt;
                  &lt;/div&gt;
                  &lt;div dojoType="dijit.layout.AccordionPane" title="Last, but not least"&gt;
                  &lt;/div&gt; &lt;!-- end AccordionContainer --&gt;
              &lt;/div&gt;
              &lt;div dojoType="dijit.layout.TabContainer" region="center" tabStrip="true"&gt;
                  &lt;div dojoType="dijit.layout.ContentPane" title="My first tab" selected="true"&gt;
                      &lt;?php echo $this-&gt;layout()-&gt;content ?&gt;
                  &lt;/div&gt;
                  &lt;div dojoType="dijit.layout.ContentPane" title="My second tab"&gt;
                      Lorem ipsum and all around - second...
                  &lt;/div&gt;
                  &lt;div dojoType="dijit.layout.ContentPane" title="My last tab" closable="true"&gt;
                      Lorem ipsum and all around - last...
                  &lt;/div&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
          &lt;div id="footer"&gt;
              &lt;p&gt;Created with &lt;a href="http://framework.zend.com/"&gt;Zend Framework&lt;/a&gt;. Licensed under &lt;a href="http://www.creativecommons.org/"&gt;Creative Commons&lt;/a&gt;.&lt;/p&gt;
          &lt;/div&gt;&lt;!-- end footer --&gt;
      &lt;/div&gt;
  </code></pre>