Although the question is unclear, I assume you want the houses to appear at the bottom of the page?
The body
does not fill the screen unless it has to. Thus, your whitewrap
div only fills 100% of the body
.
Either you need to set the body height to 100% too (although this is slightly hacky) or set the background of the body
to the image. This will then have the background image at the bottom of the screen (despite the body not being the full height - confusing right?).
Your HTML is hard to inspect however, due (I assume) to the software you used to create it adding in more div
s than I thought possible!
EDIT: after closer inspection, it looks as if you need to set the background-position
attribute to force the image to the bottom. Then, you can set the background-color
to be the same as the colour of the sky at the top of the image. This should create the effect you desire without having to actually stretch & distort your image.