Make bottom banner inside div stick to bottom of current div [Archive]

DJ Hands3

07-19-2011, 10:02 PM

Hi,

I have a banner at the bottom of my main content div and it only stays at the bottom at the minute as the height of the parent div is set to auto and the inside content pushes is down.

I have the problem now where I have a page where I have added a background image for the div of the parent and I have changed this to the height of the picture so you can see the whole image, now though where theres no content pushing the banner down to the bottom it's just sitting half way up below some <br> tags.

I have tried loads of this making it's own div tag and setting to these

#BannerFooter {
position: absolute;
height:60px;
bottom:0px;
margin-left: auto;
margin-right: auto;
}

and others but this is where I have left it, you can view the source at www.djhandsfree.co.uk the page where my main problem is http://djhandsfree.co.uk/index.php?mode=biography

thanks

Lerura

07-20-2011, 12:17 AM

You have two or more documents in one, in both sides:

<Doctype>
<html>
...
</html>
...
</html>
<Doctype>
<html>
...
</html>

So first you need to move all content into the first instance of<Doctype>
<html>
...
</html>