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.

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