Search code examples
cssfixedsticky-footer

Issue with fixed header and footer when no background is set

I have a problem with fixed header and footer implementation.

In this example, when I set a background color for the fixed header and footer, everything works fine.

See here http://tinyurl.com/brwoeqy

But when there is no background color is set (the background color of the header and footer is the same as the background color of the main body), which is what the client wants, the content area overlaps with the header and the footer.

See here http://tinyurl.com/cfecdx5

Any solution please?? Thanks

Solution

  • It is working, you just need to set your bg color to #0BB69C on #header_container