title: Primefaces layout
body: <p>I have a primefaces layout which has defined the property fullpage as false (since I dont want the hole content of my page to fit the browser without scrolling), the problem is that when I define a layout unit for the footer (position = south), it is rendered before the header! Please help, here's part of my code as well as an image;</p>
  
  <pre><code>&lt;p:layout fullPage="false"&gt;
              &lt;!-- HEADER --&gt;
              &lt;ui:insert name="headerModelA"&gt;
                  &lt;p:layoutUnit position="north" size="165"&gt;  
                      &lt;p:panelGrid &gt;
                         &lt;!-- code --&gt;
                      &lt;/p:panelGrid&gt;
                  &lt;/p:layoutUnit&gt;
              &lt;/ui:insert&gt;
              &lt;!-- LEFT --&gt;
              &lt;p:layoutUnit position="west" size="150" header="Left Panel"&gt;  
                  &lt;h:outputText value="West unit content." /&gt;  
              &lt;/p:layoutUnit&gt;  
              &lt;!-- RIGHT --&gt;
              &lt;p:layoutUnit position="east" size="200" header="Right Panel"&gt;  
                  &lt;h:outputText value="Right unit content." /&gt;  
              &lt;/p:layoutUnit&gt;  
              &lt;!-- CENTER CONTENT --&gt;
              &lt;p:layoutUnit position="center"&gt;  
                  &lt;ui:insert name="mainContentA"&gt;
                      &lt;h:form id="formBanner"&gt;
                          &lt;!-- some other content --&gt;
                      &lt;/h:form&gt;          
                  &lt;/ui:insert&gt;
              &lt;/p:layoutUnit&gt;
              &lt;!-- FOOTER --&gt;
              &lt;ui:insert name="footer"&gt;
                  &lt;p:layoutUnit position="south" size="100"&gt;
                      &lt;!-- footer info --&gt;
                  &lt;/p:layoutUnit&gt; 
              &lt;/ui:insert&gt;
  &lt;/p:layout&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/Uf3oQ.png" alt="enter image description here"></p>