Align DIV to bottom of the page

Question

I have a DIV that needs to be aligned to the bottom of a search result page, problem is whenever there is no search result or less

Answer 1

Try position:fixed; bottom:0;. This will make your div to stay fixed at the bottom.

WORKING DEMO

The HTML:

  
 MY DIV 

 MY DIV 

The CSS:

#bottom-stuff {

    position: relative;
}

#bottom{

    position: fixed; 
    background:gray; 
    width:100%;
    bottom:0;
}

#search{height:5000px; overflow-y:scroll;}

Hope this helps.