Grow your CSS skills. Land your dream job.

div float on top of status bar all the time?

  • # July 18, 2009 at 8:27 am

    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.

    Rob
    # July 18, 2009 at 9:43 am

    Sorry – do you want it always at the bottom so it doesn’t come over the top of your site when you scroll?

    # July 18, 2009 at 8:32 pm

    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…

    # July 19, 2009 at 3:50 am

    It’s position:fixed with a high z-index.

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".