Footer fixo - primefaces

Front-end
#1

E aew galera,

Ao montar um layout aqui me apareceu um problema. Quando o centro dele excede o tamanho do navegador, ele aparece um scroll somente no centro. O problema que isso gera é que o rodapé da página fica desnecessariamente fixo ali. Eu ainda estou pegando os segredos de CSS e layout. Alguém tem alguma sugestão de como posso arrumar isso? Abaixo o código e a imagem de como está ficando.

Layout

      <h:body>  
      <p:layout fullPage="true" >
               
        <!-- CENTRO (PÁGINA)-->
        <p:layoutUnit position="center" >  
          <p:layout>
            
            <!-- CABEÇALHO (MENU)-->
            <p:layoutUnit position="north" size="20%">
              <ui:include src="/resources/theme/page/menu.xhtml" />
            </p:layoutUnit>
                        
            <!-- CENTRO (CONTEÚDO)-->
            <p:layoutUnit position="center">
              <ui:insert name="centro">
                O que estiver aqui será substituido!
              </ui:insert>
            </p:layoutUnit>
                        
          </p:layout>
        </p:layoutUnit> 
                
        <!-- ESQUERDA (BANNER)-->
        <p:layoutUnit position="west" size="15%">  
          <ui:include src="/resources/theme/page/west.xhtml" />
        </p:layoutUnit>
                
        <!-- DIREITA (BANNER)-->
        <p:layoutUnit position="east" size="15%">  
          <ui:include src="/resources/theme/page/east.xhtml" />
        </p:layoutUnit>
                
        <!-- RODAPÉ (BANNER)-->
        <p:layoutUnit position="south" size="15%">  
          <ui:include src="/resources/theme/page/footer.xhtml" />
        </p:layoutUnit>                 
      
      </p:layout>  
    </h:body>
#2