Fixing Header: Z-Index & Fixed Position


When adding in the z-index and fixed position, my header is lost behind my footer. In lesson 6, I add in the clear: both for the footer to bring it below the left and right div's and it's still stuck at the top.

When submitting I'm told it's correct, but I still can't see my header and my footer is not in the proper place.


did you add the:

clear: both;

In the header as well? That could make the difference.


When you make your #header fixed, it can't inherit width from body. Set a width for your #header, also, add clear: both; to #footer, so #footer is below .left and .right