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

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Positioning ? How To Move My Nav Bar into the Branding Bar?

  • # December 14, 2009 at 11:06 pm


    I color coded my design to help with any help I may receive, I can’t get anything online right now. Essentially what I can’t figure out is how to get the blue part (navbar) up into the yellow part (the branding bar). I tried to absolutely position it and the whole blue portion collapsed. Can some one help.

    My HTML


    Christopher DELBERT dot com FREE CREATIVITY

    My CSS

    /* layoutstyles.css */

    /* Universal style rule */
    /* Block all browser default margins and padding */
    /* Temporary borders */
    order:dashed 1px #f00;

    width: 60em ;
    background-color: #FFFFFF;;
    /* Center the wrapper */
    margin: 0px auto 0 auto;


    background-color: #FFFF00;
    width: 100%;


    #branding img{
    background-color: #FFFFFF;
    width: 60%;


    /************* MAIN Navigation Button styles ****************/

    float: right;
    height: ;

    text-align: center;
    padding: 10px;

    text-align: center;
    padding: 10px;

    text-align: center;
    padding: 10px;


    color: #FFFFFF;
    border-top:thin dashed;
    margin-top: 3em;
    text-align: center;
    clear: both;
    font-size: 9.5px;
    position: relative;


    background: ;
    font-family:Arial, Helvetica, sans-serif;


Viewing 1 post (of 1 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