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
Post a Comment