Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
My plan with this site is to add a header to the page which remains fixed as you scroll through the page. The catch though is that this header needs to also slide down and reveal a panel while overlaying the main content and not push it down. I’ve tried position:fixed on the header and/or panel div but it somehow hides the scroll bars. I’ve also tried using z-index but that doesn’t have any effect.
Any help would be appreciated. Here’s my code.
it seems that you had an extra div tag under your
div#main_headerthat didn’t have a closing one.I tested it out in my jsfiddle.
http://jsfiddle.net/Morlock0821/mfF4X/1/
I also removed
position:absoluteandtop:0from your#headercss and just addedposition:fixed.It seems to be working.