css - Display Footer on Bottom -


i want design layout , footer should alway been display on bottom on page how can set css. here application http://default-environment-wvg8irfup6.elasticbeanstalk.com/public/register.xhtml.

i use jsf 2.2 , primefaces 4.0

here code

<f:view>         <f:metadata>             <ui:insert name="metadata" />         </f:metadata>          <h:outputstylesheet library="css" name="template.css" />         <p:layout fullpage="true">              <p:layoutunit styleclass="ui-widget-header" position="north" size="110">                 <p:layout height="140">                     <p:layoutunit position="west" width="180" height="140">                         <p:graphicimage library="images" name="logo_0.3.png" height="90" width="170" />                     </p:layoutunit>                      <p:layoutunit position="center">                         <ui:insert name="header">                             <ui:include src="/meta-inf/templates/templatemenubar.xhtml" />                         </ui:insert>                     </p:layoutunit>                 </p:layout>             </p:layoutunit>              <p:layoutunit styleclass="content" position="center">                 <h1>                     <ui:insert name="title">                         <h:outputtext value="default title" />                     </ui:insert>                 </h1>                 <ui:insert name="content">                     <ui:include src="/meta-inf/templates/templatecontent.xhtml" />                 </ui:insert>             </p:layoutunit>              <p:layoutunit styleclass="ui-widget-header" position="south" size="60">                 <p:layout styleclass="footerpic" height="100">                     <p:layoutunit position="center">                     </p:layoutunit>                      <p:layoutunit styleclass="footerpic" position="east" width="300" height="80">                         <h:graphicimage styleclass="footerpic" library="images" name="mfmneu.png" height="25"                             width="25" />                     </p:layoutunit>                 </p:layout>             </p:layoutunit>          </p:layout>     </f:view> 

add css properties

position:absolute; bottom:0px; 

to footer.


Comments

Popular posts from this blog

php - SPIP: From Tag directly to an article -

jquery - isAjaxRequest always return false -

ruby on rails - In a controller spec, how to find a specific tag in the generated view? -