www.webdeveloper.com
Results 1 to 2 of 2

Thread: CSS Menu - Different width in browsers

  1. #1
    Join Date
    Dec 2007
    Posts
    8

    CSS Menu - Different width in browsers

    Hi, I'm having a problem, I'm using the chunk of css code below to make a horizontal menu that I want to run across the 895 px #container that I've created. The menu fits perfectly in IE, but in firefox it overflows the last menu button the next line. How do I get the css menu to be the exact same width in firefox and IE??

    Here's the css:

    Code:
    #snav ul
    
    {
    float:left;
    width:100%;
    padding:0px;
    margin:0;
    
    list-style-type:none;
    }
    a
    {
    float:left;
    width:7.9em;
    text-decoration:none;
    text-align:center;
    color:black;
    background-color:#eed9ac;
    padding:0.2em 0.6em;
    border-right:1px solid black;
    }
    a:hover {background-color:#e7bb5b; text-decoration:underline; color:#9b2f1e}
    li {display:inline}
    Thanks for looking!

  2. #2
    Join Date
    Apr 2009
    Location
    NFLD, Canada
    Posts
    42
    Have a link to the page, or the css for #snav?

    Using just the code you posted I can fit 6 link items across an 895px container before the final one wraps to the next line.
    Engineers aren't boring, we just get excited over boring things.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles