1 reply [Last post]
kiwis
kiwis's picture
Offline
Enthusiast
Last seen: 48 weeks 6 days ago
Timezone: GMT+13
Joined: 2009-03-07
Posts: 65
Points: 102

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]

pavithraramesh
pavithraramesh's picture
Offline
newbie
Chennai
Last seen: 35 weeks 3 days ago
Chennai
Timezone: GMT+5.5
Joined: 2018-01-15
Posts: 5
Points: 5

You have to give margin-top

You have to give margin-top for your footer.

If you could give me the full code, I can correct it for you.