Align all content with the bottom of the page?

Question

I\'m trying to align a html-page with the bottom of the browser-window. This is my apporach:

Answer 1

Edit section from your code here

.outer_wrapper 
{
    background-color:red;
    /*min-height: 550px;*/
    margin-left: -75px; 
    top:auto;
    bottom: 0;
    position: absolute;
    left:50%;
}

and you are specifying your red box is above the body, if you put it inside body it supposed to be placed like it as you also have specify min-height of container.