Aligning to the bottom

Discussion in 'CSS' started by fadetoblack22, Sep 5, 2009.

  1. #1
    I have a left column on my site and the menu is at the top of it. I have another element that I want under it, but I want it to be aligned to the bottom of the page. I have tried to do this with vertical align with no luck.

    Does anyone have any ideas?

    thanks.
     
    fadetoblack22, Sep 5, 2009 IP
  2. sebau

    sebau Peon

    Messages:
    59
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    try in css for this element
    
    bottom:0;
    position: absolute;
    HTML:
    but the best option give a link for Your page - then You received help faster
     
    sebau, Sep 5, 2009 IP
  3. fadetoblack22

    fadetoblack22 Well-Known Member

    Messages:
    2,399
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    160
    #3
    I had tried that before and it didn't work.

    I don't want to list the page here because I have just spend a month trying to get it out of google's index because it is my test site rather than the real one.
     
    fadetoblack22, Sep 6, 2009 IP
  4. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #4
    You could try adding position: relative; to the left column and then position:absolute; bottom:0; to the element you want aligned at the bottom.
    So it would position the element absolutly in relation to the left column, and not the page.
     
    wd_2k6, Sep 6, 2009 IP
  5. fadetoblack22

    fadetoblack22 Well-Known Member

    Messages:
    2,399
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    160
    #5
    I have decided to do it differently now. I have put something above it to push it down.
     
    fadetoblack22, Sep 6, 2009 IP
  6. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Yeah well if you knew the height of the sidebar then you could just add a margin-bottom to whatever is above it of the remaining space.
     
    wd_2k6, Sep 6, 2009 IP
  7. fadetoblack22

    fadetoblack22 Well-Known Member

    Messages:
    2,399
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    160
    #7
    Yeh, problem was that it was dynamic content so it changes height all the time.
     
    fadetoblack22, Sep 6, 2009 IP