I am trying to create a footer and facing a problem while doing so...
This is my html code:
<div id="container">
<div id="main">
<div id="terms">
// content
</div> // closing terms
</div> // closing main
<div id="footer">
// content
</div>
</div> // closing container
And css code is
html, body {
height:100%;
margin:0;
background: #F0FAFF;
}
#container {
min-height:100%;
position:relative;
}
#main {
height:100%;
font-size:150%;
clear:both;
overflow:auto;
padding-bottom:80px;
}
#footer {
position:absolute;
background-color:#FF6633;
bottom:0;
width:100%;
height:80px;
}
#termsandpolicy {
position:absolute;
left:3%;
width:72%;
top:90px;
}
And result that I get is http://www.walknshine.com/termsofuse.php
What is the problem...I have searched in google a lot but not able to get any significant css code...plzz help....