Image size on screen

[kiwis]

I have a page i’m destining, on this page I’ve got a DIV header with a UL as a menu inside it, this will be 100% width and 100px high, contained in a centered 800px wide container.

Under this I want an image, I want it full screen width and screen height to the bottom of my screen but showing my header.

Under this I will have a a footer.

This is the CSS I have between my header and footer. The image is the right size but my footer sits under my home DIV. Obviously this is wrong so how can I do this?

[HTML]

.home{
background-image:url(Images/bkgd2.jpg);
position:absolute;
bottom:0px;
top: 100px;
width:100%;
}

–

[/HTML]

[JeroenR]

We can’t say anything specific without a little example, but why use the absolute positioning? Because that’s probably the reason why the other content is below this home DIV.
The footer is positioned, probably, relative to the body, where this home DIV is as well. So they will be on top of each other.

[Author]

Posts