The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

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

    thanks in advance for your time.

    # 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

    This reply has been reported for inappropriate content.

    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed