diff --git a/src/main/webapp/resources/css/structure.css b/src/main/webapp/resources/css/structure.css index 3d95f5c15b6..7a0f8b05400 100644 --- a/src/main/webapp/resources/css/structure.css +++ b/src/main/webapp/resources/css/structure.css @@ -1,4 +1,13 @@ /*--------- BODY --------- */ +html { + /* Sticky footer */ + position:relative; + min-height:100%; +} +body { + /* Sticky footer Margin bottom by footer height */ + margin-bottom:160px; +} body.widget-view {margin-bottom:54px;} body .ui-widget {font-size: inherit;} .ui-widget-content a {color: #337AB7;} @@ -40,8 +49,8 @@ body .ui-widget {font-size: inherit;} #status-alert {margin-top:0; margin-bottom:0;} #status-alert div.alert {border:0; box-shadow:none;} -#footer {margin-top:3em; padding-bottom:4em; color:#808080;} -#footer.widget-view {position:fixed; left:0px; bottom:0px; margin:0; padding:4px 0 0 0; min-height:44px; width:100%; background:#fff;} +#footer {position:absolute; bottom:0; margin-top:3em; padding-bottom:100px; width:100%; height:60px; color:#808080;} +#footer.widget-view {position:fixed; left:0; bottom:0; margin:0; padding:4px 0 0 0; min-height:44px; background:#fff;} #footer .poweredbylogo {text-align:right;} #footer .poweredbylogo span {font-size:.85em;margin-right:.3em;} #footer .version {vertical-align:bottom;white-space:nowrap;}