Skip navigation
fourwhitesocks
fourwhitesocks Calculating status...
Currently Being Moderated

Why won't my div background extend all the way down?

Jan 29, 2013 6:18 PM

I'm using Dreamweaver cs5.5

 

I have a live site uploaded right now that has frustrating problem... 

 

The site is: www.tbdassociation.com

 

On my div container called .largerheader on the index - the background will not extend all the way down like it does on the other pages....even though the background image is WAY longer thatn it needs to be... it works perfect on the other pages...

 

You can view my source and css live.

 

Thank you in advance

416 Views   5 Replies   Latest reply: fourwhitesocks, Jan 30, 2013 10:19 AM
 
Replies
  • osgood_
    Currently Being Moderated
    1. osgood_,
    Jan 29, 2013 11:45 PM   in reply to fourwhitesocks
    Report

    It will never extend all the way down on pages that have a large amount of content in the class="LargeHeader"> <div>

     

    Set the backgrounds position in the css:

     

     

    background-position: left bottom;

     

     

    The background image will now sit at the foot of the <div> instead of at the default position of top.

     

     



     
    |
    Mark as:
  • fourwhitesocks
    Currently Being Moderated
    2. fourwhitesocks,
    Jan 30, 2013 4:41 AM   in reply to osgood_
    Report

    Ok I will try that! Why won't the content extend down though ?  I guess I'm just looking for some understanding... 

     
    |
    Mark as:
  • fourwhitesocks
    Currently Being Moderated
    3. fourwhitesocks,
    Jan 30, 2013 4:54 AM   in reply to fourwhitesocks
    Report

    Oh wow your so awesome!  It worked!!  If you have time can you explain why how I had it before would not work so I can understand it?  Think that's the way I've always done it...

     

    THANKS AGAIN !! 

     
    |
    Mark as:
  • osgood_
    Currently Being Moderated
    4. osgood_,
    Jan 30, 2013 9:33 AM   in reply to fourwhitesocks
    Report

    fourwhitesocks wrote:

     

    If you have time can you explain why how I had it before would not work so I can understand it?  Think that's the way I've always done it...

     

     

    The background image was sitting at the top of the <div> and the text in the <div> was going down past the bottom of the background image. Once positioned at the bottom of the <div>, however much text is in the <div>, it cannot go down below the background image

     
    |
    Mark as:
  • fourwhitesocks
    Currently Being Moderated
    5. fourwhitesocks,
    Jan 30, 2013 10:19 AM   in reply to osgood_
    Report

    Ok... wow thank you for that explanation.


    Is it odd though that I made the background image WAY longer than the div tho?  In my mind it's hard to understand how the text could extend that far down, I made that attachment sooo much longer.  What you are saying makes sense but still a little confusing...

     

    I APPRECIATE YOUR HELP ;-)

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points