Sticky footer in Liferay 6.2 -
how create sticky footer in liferay? i've read lot of docs of them haven't worked.
i have in custom.css
#footer { background-color: black; color: white; font-size: 200%; text-align: center; line-height: 3em; clear: both; position: relative; z-index: 10; height: 3em; margin-top: -3em; } and in portal_normal.vm:
<div id="footer">powered german</div> in mentioned previous question asked how create footer , change color. then, in comment, asked how create sticky footer , got no answer, created thread.
ok, solved problem!!!
first of all, should @ line: <div class="container-fluid" id="wrapper"> in portlet_normal.vm:
our footer category, every time not in end of browser page in end of block. need close block , place footer below:
<div id="footer" class="row-fluid"> <div class="span12 text-center"> <p class="powered-by"> #language ("powered alexandr boldyrev") </p> </div> </div> and then, should change footer's parameter in custom.css:
#footer { text-align: center; background: #ffefd5; position: absolute; bottom: 0; } that it, our footer becomes sticky!
Comments
Post a Comment