Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Feb 2009
    Posts
    90
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Make bottom banner inside div stick to bottom of current div

    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


    Code:
    #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

  • #2
    Regular Coder Lerura's Avatar
    Join Date
    Aug 2005
    Location
    Denmark
    Posts
    946
    Thanks
    0
    Thanked 129 Times in 128 Posts
    You have two or more documents in one, in both sides:

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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •