Fórum
fixed footer covers content
kawther JN, modificado 11 Anos atrás.
fixed footer covers content
Regular Member Postagens: 103 Data de Entrada: 03/08/12 Postagens Recentes
hi, I've got 2 problems with my footer (which is fixed in the bootom of the browser):
1/- the first 1 is that it covers the end of my page content (portlets). how to do about this?
2/- the second is that the footer is a little bit higher than the bottom of the page.there is that space (under the footer ) that I wanna to get rid of it.. I've got this pb only with Chrome. with Mozila and IE the footer is in the right position
waiting for ur help. thanks.
1/- the first 1 is that it covers the end of my page content (portlets). how to do about this?
2/- the second is that the footer is a little bit higher than the bottom of the page.there is that space (under the footer ) that I wanna to get rid of it.. I've got this pb only with Chrome. with Mozila and IE the footer is in the right position
waiting for ur help. thanks.
Anexos:
Bradley Wood, modificado 11 Anos atrás.
RE: fixed footer covers content
kawther JN, modificado 11 Anos atrás.
RE: fixed footer covers content
Regular Member Postagens: 103 Data de Entrada: 03/08/12 Postagens Recentes
hi,
in portal_normal.vm:
</div>
<footer id="footer" role="contentinfo">
<div id="footer">$footerContent</div>
</footer>
$theme.include($body_bottom_include)
</body>
in custom.css:
/* ---------- Wrapper ---------- */
#wrapper {
min-height: 100%;
position:relative;
margin:0 auto;
width: 940px;
}
.ie6 #wrapper {
width: 90%;
}
/* ---------- Footer ---------- */
#footer {
width:100%;
float:left;
position:fixed;
bottom:0;
z-index:999999;
text-align: center;
background: url("/documents/10180/a09450a9-a4a1-4604-91ec-79eccb59cf6b") center no-repeat;
}
/* ---------- Banner ---------- */
#banner {
background: none;
height: auto;
margin-top: 1.6em;
position: relative;
}
in portal_normal.vm:
</div>
<footer id="footer" role="contentinfo">
<div id="footer">$footerContent</div>
</footer>
$theme.include($body_bottom_include)
</body>
in custom.css:
/* ---------- Wrapper ---------- */
#wrapper {
min-height: 100%;
position:relative;
margin:0 auto;
width: 940px;
}
.ie6 #wrapper {
width: 90%;
}
/* ---------- Footer ---------- */
#footer {
width:100%;
float:left;
position:fixed;
bottom:0;
z-index:999999;
text-align: center;
background: url("/documents/10180/a09450a9-a4a1-4604-91ec-79eccb59cf6b") center no-repeat;
}
/* ---------- Banner ---------- */
#banner {
background: none;
height: auto;
margin-top: 1.6em;
position: relative;
}
Bradley Wood, modificado 11 Anos atrás.
RE: fixed footer covers content
kawther JN, modificado 11 Anos atrás.
RE: fixed footer covers content
Regular Member Postagens: 103 Data de Entrada: 03/08/12 Postagens Recentes
#set ($footerArticleId = $theme_settings.getProperty("footer-article-id"))
#set ($footerContent = $journalContentUtil.getContent($group_id, $footerArticleId,null, "$locale", $theme_display))
#set ($footerContent = $journalContentUtil.getContent($group_id, $footerArticleId,null, "$locale", $theme_display))