SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Addict richtestani's Avatar
    Join Date
    Nov 2003
    Location
    Bridgeport
    Posts
    292
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    aligning divs to bottom

    I am trying to get a div within a div to sit at the bottom.

    Code:
    +----------+
    |          |
    |          |
    | +-------+|
    | |       ||
    | +-------+|
    +----------+

    somthing to that effect.
    vertical-align doesn't affect block level elements so i wasnt quite sure how to do that. positioning was an option but still wasn't sure.

    Any suggestions?
    Thanks
    RichTestani
    -------------------------------
    http://www.junkdepot.com
    http://www.rareoopdvds.com | The Movie Poster Site

  2. #2
    Non-Member Egor's Avatar
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    7,305
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Absolutely position it:

    css:
    Code:
    #wrap {
    position: relative;
    width: 500px;
    height: 800px;
    }
    
    #child {
    position: absolute;
    bottom: 50px;
    right: 50px;
    width: 400px;
    height: 150px;
    }
    html:
    Code:
    <div id="wrap">
    <div id="child">Mehh</div>
    </div>


Bookmarks

Posting Permissions

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