how can i get a div to stay at the bottom of a parent div that’s within another div?

I promise, I searched for my issue, couldn’t find one that worked.

say we have a page set up like the image that’s attached, i would like the #box div to be at the bottom of the #wrap div like in the image, where the #wrap div is variable height on each page. a simple quick example of the css:

Code:

    #wrap {
      width: 960px;
      height: 500px;
      margin: auto;
    }
    .stuff1 {
      width: inherit;
      height: 100px;
      margin: 0px;
    }
    .stuff2 {
      width: 470px;
      height: 150px;
      float: left;
      margin: 0px;
    }
    #box {
      width: inherit;
      height: 60px;
    }


imagine a gap of space between the .stuff2 divs and the #box divs, how could i make the #box div stay at the bottom of the #wrap div at all times? Your help is appreciated in advance!

Attached Images
File Type: jpg div_prob.jpg (29.6 KB)

View full post on Tycoon Talk

, , , , ,

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Get Adobe Flash playerPlugin by wpburn.com wordpress themes


RSS Site FeedRSS Site Feed

© 1992-2011 DC2NET™, Inc. All Rights Reserved