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

Navigation Spacing Problem

  • # December 22, 2009 at 1:28 pm

    I can’t get my navigation to space out evenly.
    I am using dropdown menus and those seem to be functioning properly (under personal sessions).
    I’ve messed with a bunch of different things in the CSS using the addon Web Developer for firefox with no luck.
    The space between "blog" and "workshops" will get huge but other things will still over lap?!?!?! Nothing seems to make them space out evenly

    Any suggestions would be great!

    Here’s a ling to the test site


    # December 22, 2009 at 2:14 pm

    Hey Lyle,

    There are two things causing your nav to behave this way:

    1) #nav li has a fixed width of 125px – remove this

    2) #nav li a has a fixed/fluid width of 10em – remove this

    Now that the fixed widths have been removed, you should have more control over the spacing of the items. Adding a margin-right of about 20px seemed to look pretty good. Although there are some padding issues with your subnav.

    # December 22, 2009 at 2:31 pm

    Thanks! I’ll give that a try.

    And my subnav is acting weird (because of the padding?) but I think I can fix that!


Viewing 3 posts - 1 through 3 (of 3 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