css pirater Safari sur Mac

Question

me demandais si quelqu'un pouvait me aider avec hack css pour Safari sur Mac, ce que je suis en train de faire semble bon sur Safari pour Windows, mais est différent sur mac,

sur mon top navigation J'essaie de centrer tout, il semble centré sur firefox, c'est à dire, safari mais sur safari sur mac il n'est pas centré, donc je voulais lui donner une marge gauche qui ne pouvait être visible que sur safari pour mac.

<div id="main_nav"> 
<ul> 
     <li><a href="about.php">about us</a></li> 
     <li><a href="women.php">women</a></li> 
     <li><a href="man.php">men</a></li> 
     <li><a href="beauty.php">beauty</a></li> 
     <li><a href="lust.php">the lust</a></li> 
     <li><a href="press.php">press</a></li> 
    </ul> 
    </div> 

    #main_nav { 
width:74.7em; 
height:2.3em; 
position:absolute; 
top:13.9em; 
left:0; 
background:#000; 
margin:0 0 0 6.9em; 
text-align:center; 
    } 

#main_nav ul { 
width:49em; 
height:1.7em; 
color:#FFF; 
font-size:1.3em; 
letter-spacing:.2em; 
text-alight:left; 
margin:0 auto 0 auto; 
} 

#main_nav ul li { 
display:inline; 
list-style-type:none; 
} 

#main_nav ul li a { 
display:block; 
height:1.6em; 
float:left; 
color:#FFF; 
text-decoration:none; 
margin:0em 0 0 4em; 
padding-top:.2em; 
} 

#main_nav ul li:first-child a { 
margin-left:0.5em; 
} 

#main_nav ul li a:hover { 
background-color:#90F; 
} 

grâce

Answer 1

Je n'ai pas un Mac à tester, mais ce CSS semble faire l'affaire dans Safari, Chrome, Firefox, Opera et Internet Explorer sous Windows. (Je ne posté la partie modifiée)

#main_nav { 
    width:74.7em; 
    height:2.3em; 
    margin:13.9em auto 0; 
    background:#000; 
    text-align:center; 
} 

#main_nav ul { 
    width:49em; 
    height:1.7em; 
    color:#FFF; 
    font-size:1.3em; 
    letter-spacing:.2em; 
    text-alight:left; 
    margin:0 auto; 
} 

chose petite ... Cette ligne #main_nav ul est redondant comme la forme courte vous permet de spécifier les deux premiers et ont les mêmes valeurs appliquées à l'opposé côtés:

margin:0 auto 0 auto; 

Ainsi, la version équivalente est:

margin:0 auto;