Grow your CSS skills. Land your dream job.

How do I align & position 4 divs with in 1 div? (SOLVED)

  • # January 12, 2009 at 12:34 pm

    Hi everyone,

    I have been trying to find a solution to my problem for 2 days now via tutorials but have not had success.

    Firstly I am trying to get my top menu bar buttons to show up in a straight horizontal line right under the title image. I can get the first button to display with in the "nav" div but each succeeding button drops down a level falling out of the "nav" div.

    Secondly I am trying to position the buttons under the "title" div with pixel perfect precision because the sine wave pattern of the title picture flows into each of the buttons.

    And here is the code:

    Code:


    /* closing content */

    /* closing wrapper */

    Thanks for taking time out to looking my code over.
    Take care,
    IASIIS

    # January 12, 2009 at 12:42 pm

    You should be able to float the divs within #nav and have them all align to the left…

    #nav div { float:left; }

    # January 12, 2009 at 12:59 pm

    Thank you so much Falkencreative. You suggestion aligned all my button divs within the nav div. All I had to do then was add "left:17px;" to have the buttons right next to eachother as well as having their internal patterning match up with the patterning of the title bar. Thanks :) ;)

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

You must be logged in to reply to this topic.

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