Grow your CSS skills. Land your dream job.

What is the problem?

  • # July 11, 2013 at 2:23 pm

    Hello guys i am making one of my first Websites, i made the navigation and just added a paragraph tag but the content of the paragraph tag colides with the navigation.See the codepen link for what i mean
    http://codepen.io/anon/pen/eAsHn
    Please help, All help Appreciated

    # July 11, 2013 at 2:35 pm

    You have `position: fixed;` (along with `position: absolute;`) in your #mainNav.

    # July 11, 2013 at 2:38 pm

    Thanks you for your quick reply, but it still doesn’t seems to work.Once again thanks for your help.:)

    # July 11, 2013 at 2:42 pm

    Removed

    position: absolute;

    that @chrisburton was referring to which was taking the nav out of the document flow: http://codepen.io/Boogiesox/pen/AJHcl

    Is this what you’re looking for?

    # July 11, 2013 at 2:46 pm

    Thank You @chrisburton and @boogiesox You guys just saved me tons of time thinking about the problem.

    # July 11, 2013 at 2:49 pm

    Just one more thing i would like to ask, how should i make the navigation stick to the top.

    Once again all help appreciated :)

    # July 11, 2013 at 2:55 pm

    Working with what you have, you’ll have to apply fixed position to your nav, but that’ll break it again. You could wrap the paragraph in a div and give that a top padding greater than the nav height to fix it.

    # July 12, 2013 at 12:56 am

    Ok thanks for your help :)

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

You must be logged in to reply to this topic.

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