Re: Footer hidden when using Full page background image - CSS-Tricks

January 23, 2011 at 9:54 pm #64303

Member

Ok, looking through your site, there are some things that might help fix things on there.

1. You have your main-content, main-navigation, and aside all position: absolute;
This messes with the content display. You also have margin: 0 auto -40px; for your main content. This will make your footer go behind your main-content.

2. if you float the main-content left and your aside right, you can achieve the same effect as positioning them absolutely with margins.

3. keep your page-wrap position: relative or your content will push under the background image.

4. make your footer position: relative and it will appear above the background image.

Hope this helps.