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

Help needed with #header wrap positioning

  • # March 8, 2012 at 4:31 am

    Hi Guys,

    I’m currently building a site and have designed a header which wraps the nav.

    I’m happy with it but I’d like to see what it would be like fixed in that position. All my attempts so far have failed, it always stays to the left. I’m sure it’s down to the absolute positioned icons, but I don’t have the knowledge to sort it out.

    I hope someone can help. Thanks in advance.


    # March 8, 2012 at 4:54 am

    set the header to be full width and fixed with inner div inside of that centered with the rest of the page

    # March 8, 2012 at 5:15 am

    Thanks, karlpcrowley

    All that is needed now, is a height for the #header to initially have the main wrap below the nav. Is that correct?

    I tried all sorts of different ways to do. Thanks a lot.

    # March 8, 2012 at 5:24 am

    scratch that.

    I just give the main wrap a top padding and its fine.

    Some of the page is still on top of the nav, what z-index level should it be.

    # March 8, 2012 at 5:31 am

    higher z-index numbers come out on top
    so maybe give it a 10 to be safe

    # March 8, 2012 at 5:39 am

    Mmmmm….. still going over nav

    # March 8, 2012 at 5:44 am

    I don’t think I should have got up so early this morning. The nav didn’t have a background color. !*?!

    What do you think this could be. I use coda (mac) and my background image keeps disappearing. Any thoughts?

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

You must be logged in to reply to this topic.