Hello,
I am having a problem with Footer on my website.
it does not stay in bottom. I tried to look on web and i got few CSS scripts (stick footer), but i get a scroll bar even if my page is empty.
I need a CSS which works fine irrerespective of whether it running in IE, FF, 15 inch, 17 inch, 24 inch screen.
html
, body, #container
{
height: 93%; // This height i have adjusted according to my screen. Need workaround for this. If i write as 100% it gives me scroll bar. If i do this it stays in bottom but not consistent throughout my website
}
body
> #container { height: auto; min-height: 93%; }
#footerWrapper
{ padding-bottom: 80px; }
#footer
{
clear: both;
position: relative;
height: 80px;
margin-top: -80px;
background: #cccccc;
border-top: 10px solid;
text-align: center
}
On HTML page
<
div id="container">
<div id="footerWrapper"></div>
</div>
<div id="footer">
<p >Designed by XYZ</p>
<p ><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
</div>
Thanks in advance,
soniya