Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

Browser Specific Problems: Safari CSS pain

Bottom of Page

1 to 3 of 3

  1.  
  1.  permalink
    Eeeelp.

    My menu links don't show up in Safari. http://www.soapbxx.com.

    Here are the 3 styles that wrap it:

    #header ul {
    margin:-80px 0 0 267px;
    padding:0 0 0 8px;
    list-style:none;
    background:url(../images/navigation-bg.gif) repeat-y;
    text-align: left;
    text-decoration: none;
    text-transform:uppercase;
    font-size:13px;
    font-weight: bold;
    line-height:15px;

    }
    #header li {
    margin:0 0 15px;
    padding:0;
    width:100%;
    overflow:hidden;
    }
    #header li a {
    float:left;
    height:20px;
    color: #fff;
    }
    • CommentAuthorDandruff
    • CommentTimeMar 30th 2007 edited
     permalink
    The css isn't the problem (perhaps get rid of the negative margin).

    Your menu is at the end of the source, i'm sure it doesn't help.
    Also, your menu is in fact a table, just use a simple <ul> list, just after the <h1>.
  3.  permalink
    yes dandruff is right
    Ivd similar problem too, it seem like safari doesnt like negative margin. it will render the background-repeat to
    background-repeat: repeat; if there is a negative margin value.

    try margin: 0pt 0pt 0pt 267px; position: relative; top: -whatever

1 to 3 of 3

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page