title: Why a contact form make my footer disappear?
body: <p>I build this contact form, which works perfectly if I run it alone, but if I put on my contact page make my footer disappear, I really don't know why this is happening, I really need help with this.</p>
  
  <p><strong>contact.xhtml</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;ui:composition
      xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"&gt;
  
      &lt;h:form id="contact"&gt;
              &lt;h:panelGrid columns="3"&gt;
              &lt;h:outputLabel for="name" value="Nome (Obrigatório)" /&gt;
              &lt;h:inputText id="name" value="#{contact.client.name}" /&gt;
              &lt;h:message for="name" /&gt;
  
              &lt;h:outputLabel for="email" value="E-Mail (Obrigatório)" /&gt;
              &lt;h:inputText id="email" value="#{contact.client.email}" /&gt;
              &lt;h:message for="email" /&gt;
  
              &lt;h:outputLabel for="website" value="Website (Opcional)" /&gt;
              &lt;h:inputText id="website" value="#{contact.client.website}" /&gt;
              &lt;h:message for="website" /&gt;
  
              &lt;/h:panelGrid&gt;
  
              &lt;h:outputLabel for="text" value="Mensagem (Obrigatório):" /&gt; &lt;br/&gt;
              &lt;h:inputTextarea id="text" value="#{contact.client.text}" rows="20" cols="80" /&gt;&lt;br/&gt;
              &lt;h:message for="text" /&gt;
              &lt;br/&gt;
  
              &lt;h:commandButton value="Enviar" action="#{contact.sendMessage}"  &gt;
                      &lt;f:ajax execute="@form" render="@form" /&gt;
              &lt;/h:commandButton&gt;
  
              &lt;h:outputText value="#{contact.messageStatus}" id="out"  /&gt;
  
              &lt;a4j:status&gt;
                  &lt;f:facet name="start"&gt;
                      &lt;h:graphicImage name="loader.gif" library="image" /&gt;
                      &lt;h:outputText value="Enviando ..." /&gt;
                  &lt;/f:facet&gt;
              &lt;/a4j:status&gt;
      &lt;/h:form&gt;
  &lt;/ui:composition&gt;
  </code></pre>
  
  <p>Without the componet 'contact.xhtml' it looks like:
  <img src="https://i.stack.imgur.com/NbjPO.png" alt="without the component"></p>
  
  <p>With the component (and without the footer):
  <img src="https://i.stack.imgur.com/mGESA.png" alt="enter image description here"></p>
  
  <p>Any idea why this is happening ?
  Any help ?</p>
  
  <p><strong>UPDATE</strong>
  I host the page <a href="http://50.19.242.172:8080//BrainSet/contact/contact.xhtml" rel="nofollow noreferrer">here</a> guys, so you could take a look at it.</p>