I am changing the Openx implementation and I added a footer. It is always in the bottom and if the page is too long, you need to scroll down to see the footer. But what I am trying to do is, putting the footer in the bottom of the visible part. You know like they put annoying banners right in the bottom and even when you scroll down or up, it is still there. I don’t know the name of it. Right now, the footer is in at the bottom. Not inside a div so it is always in the bottom. But, is there a way to make it position exactly the size of the page’s visible part? My English is not enough to tell you what I mean I think. I am having some trouble with English right now. Any ideas about how to do that? This is the footer’s css;
.footer{
position: relative;
margin-top:-100px;
}
and it is placed like
<body>
some divs..
<div class="footer">
</div>
</body>
should I put the footer in one div above? I tried it but it didn’t work. Maybe the position should be relative to page’s visible height?
try the folllowing css
And make sure your footer div is the last div.
The position fixed makes your footer stay at the same place even if the browser window is scrolled