How to make a footer under a DIV?

[hitmann]

In the above picture , the bottom has a dark background that goes behind the yellow "text content" DIV.

I've tried to make my page look like this, but the dark bottom just displays in full after the yellow "text content" DIV, not behind it.

Could you help me on how to make it go behind the yellow DIV?

 

[toosepin]

There's a few ways this could be achieved.

- You could float the div of the top of the footer.
- You could use absolute positioning and z-index to create what essentially are layers.
- You could simply use a background image that has been positioned further down the div.

 

[hitmann]

- You could simply use a background image that has been positioned further down the div.

if I use a background image, how do I setup the white part of the page (say the body background is red)?