title: Resize center layoutunit in PrimeFaces dyanmically based on content
body: <p>I have a page with a "header", "footer", "side menu" and a "content area".</p>
  
  <p>I'm trying to arrange them using PrimeFaces layouts as follows:</p>
  
  <p>Header -->North</p>
  
  <p>Footer --> South</p>
  
  <p>Side Menu --> East</p>
  
  <p>Content Area --> Center</p>
  
  <p>At a first glance, it's working fine. </p>
  
  <p>However, my side menu contains links that will change the contents of the center area. Currently, when I click one of the links, the center area's contents will change and a vertical scroll bar will appear in the center area if the new contents have a length that is larger than the one defined for the center layoutunit.</p>
  
  <p>The behavior I'm looking for is to resize the center area dynamically, pushing down the footer (south layoutunit) and showing a scroll bar for the whole page.</p>
  
  <p>Is it correct that I'm using PrimeFaces layouts? Should I use something else?</p>
  
  <p>Here is my "body" code:</p>
  
  <pre><code>&lt;h:body&gt;
  
  &lt;p:layout fullPage="true"&gt;
  
      &lt;p:layoutUnit position="north" size="100"&gt;
          &lt;ui:include src="header.xhtml" /&gt;
      &lt;/p:layoutUnit&gt;
  
      &lt;p:layoutUnit position="south" size="200"&gt;
          &lt;ui:include src="footer.xhtml" /&gt;
      &lt;/p:layoutUnit&gt;
  
      &lt;p:layoutUnit position="east" size="260"&gt;
          &lt;ui:include src="side-menu.xhtml" /&gt;
      &lt;/p:layoutUnit&gt;
  
      &lt;p:layoutUnit position="center"&gt;
          &lt;ui:insert name="body-content"&gt;
          &lt;/ui:insert&gt;
      &lt;/p:layoutUnit&gt;
  &lt;/p:layout&gt;
  &lt;/h:body&gt;
  </code></pre>
  
  <p>Thanks for your help</p>