Fixing Header: Z-Index & Fixed Position


#1

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.


Fixing my header. It keeps disappearing when i put fixed for position
#2

did you add the:

clear: both;

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


#3

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