#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2010
    Posts
    1
    Rep Power
    0

    Css does not display correctly in chrome and safari


    Hello all, I am having trouble getting my site menu to display properly in chrome and safari. In chrome and safari the menu link are raised higher up in comparison to firefox and IE.

    Here is my site: Well I guess I can not link my site, but hopefully someone can still help me.


    Here is my code:
    /* Tabs ==================== */

    #homepagetabs {
    border-bottom: none;
    margin-bottom: 10px;
    padding-left:170px;
    height:51px;
    background:transparent url
    }

    #homepagetabs li {
    display: inline;
    list-style-type: none;
    margin-top: 14px;
    border: none;
    border-bottom: none;
    float: center;
    line-height: 14px;
    margin-right: 8px;
    text-decoration: none;
    cursor: pointer;
    color:#fff;
    background: none;
    font-weight:bold;
    font-size:12px;
    }

    #homepagetabs li.currenttab {
    margin-top: 14px;
    background: none;
    border: none;
    border-bottom: none;
    font-weight:bold;
    color:#fff;
    font-size:12px;
    text-decoration:underline;
    }

    #options_69 th {
    font-size: 100%;
    }
  2. #2
  3. Autodidact
    Devshed Novice (500 - 999 posts)

    Join Date
    Mar 2008
    Location
    Canada
    Posts
    741
    Rep Power
    837
    It certainly would help to see the difference in browsers. The only thing I can recommend with this limited information is that you get in the habit of using a CSS reset for all your projects. A reset levels the so-called playing ground for browser quirks in rendering CSS. Include it at the top of your stylesheet definitions, then write your own code after.

    This is the most popular stylesheet reset: http://meyerweb.com/eric/tools/css/reset/
    Soldiers, from the height of these pyramids forty centuries look down upon you.
    ▪ Napoleon, on the eve of the Battle of the Pyramids

IMN logo majestic logo threadwatch logo seochat tools logo