Theone5000
New Member
I'm trying to align a html-page with the bottom of the browser-window. This is my apporach:\[code\]<body> <div class="outer-wrapper"> </div></body>.outer-wrapper{ min-height: 950px; width: 100%; position: absolute; bottom: 0;}\[/code\]The problem with this solution is that when the screen is smaller than 950px high, the top of the outer-wrapper disapears above the screen and no scroll is added. Both the body and the outer-wrapper has a background-image.Here is a sample, as you can see, the top of the red box is above the body.http://jsfiddle.net/C5Nce/1/