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

div float on top of status bar all the time?

  • on the website below the div at the bottom (with podcast and search) float above status bar even if we scroll downword.
    can you kinldy point me to resource from where i can learn this technique.
    i really need this,,,i have been searching for over a month.
    please help


    http://www.outlawdesignblog.com/

    thanks in advance for your time.
  • Sorry - do you want it always at the bottom so it doesn't come over the top of your site when you scroll?
  • From the looks of it, he's absolutely positioned his footer to 'bottom: 0px;' and given it an appropriate z-index. For further effect, I've seen one's (don't ask me where) with reduced opacity, so that the content can be just about seen scrolling up through it. It's a nice use of the footer - as long as you don't need to put too much content into it. IMHO, a large one of these would be disconcerting...
  • It's position:fixed with a high z-index.