treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Floating Navigation

  • 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? http://troop-63.net/
  • 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.