Question

I have this code.

Wish div align blue with red div without affecting the rest of the page.

Notice that the div#leftcontent not go to the bottom of the page and I’m not understanding why.
Maybe the solution is to put the div#leftcontent aligned to the bottom of the page. But how?

Thanks.

Answer 1

you have to change the red div:

bottom: 0px; /*delete*/
position:relative;
maring-top: 86px; /*to align to the blue*/

check this out: http://jsfiddle.net/85unG/48/

and for the height, the reason the its not touching the bottom is:

div#wrap {
height: 768px; /should be 739 px;/
}