Search code examples
cssjsf-2facelets

How to Fix the header of Facelets Template?

I'm using primefaces 3.5. I want my Facelets Header to be Static like Facebook Header.So my content can be scrolled with a fixed header.

Solution

  • I had Same problem in Past. Assign your position to fixed position:fixed and make sure that your z-index value of header is lower than the z-index value of content in css.so that your content will not scroll over the header.

    Example:

    .header{ position:fixed; z-index:1;}
.content{ position:absolute; z-index:2;}