Treehouse: Grow your CSS skills. Land your dream job.

Floating Navigation

  • # June 20, 2012 at 11:48 pm

    I am trying to create a navigational header that scrolls with the page. I have successfully completed this task, except for the login button I have on the side. When you click on it, it brings down a panel that you put your information in. Right now it is pushing the header (which has a background) down which is taking up over half the page. I want the panel to go over the header and float with the rest of the page like it is now but without pushing the background down. Any suggestions?

    # June 21, 2012 at 11:52 am

    Take the panel div out of the header all together then re-size/re-position/change z-index.etc using css.

    You may need to fix the position of your content though.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.