Question

I’m using a strict doctype and cannot get one of my divs aligned to the bottom. I’d like to specify a 100% height on the parent container and then push the inner container to the floor of the parent. How is this done using a strict doctype?

This is the parent: — Works as expected. At 100% height

#content_left {
vertical-align:top;
padding:0;
margin:0;
min-width:195px;
color:#fff;
height:100%;
}

This is the inner div: doesnt work

.sidebarmenu {
position:relative;
bottom:0;
height:100%;
border:1px solid red;
}

Answer 1

I think you would need to use absolute positioning and specify bottom: 0:

#content {
    position: absolute;
    bottom: 0;
}