2015-10-05 3 views
1

Навигационная панель, похоже, сосредоточена на моем 15-дюймовом ноутбуке. Но когда я просматриваю его на 27inch mac, он плавает влево, и он находится вне центра. Я не совсем уверен, как сосредоточиться на этом, поэтому он, по-видимому, сосредоточен на всех мониторах.Sticky Navigation не будет выравнивать центр

SITE ON SERVER

.navContainter{ 
    width: 960px; 
} 
.nav { 
    height:60px; 
    background-color: rgba(0, 0, 0, 0.7); 
    position: -webkit-sticky; 
    list-style-type: none; 


} 


.nav ul { 
    float: left; 
    margin: 0 auto; 
    padding-left: 0px; 
    padding-top: 10px; 

} 


ul{ 
    display: inline; 
    padding: 0; 





} 

li{ 
    display:inline; 
    padding:5px; 
    font-size: 1.5em; 
    float: left; 
    margin-right: 50px; 
    margin-left: 100px; 
    position: relative; 
    font-family: "Josefin Slab",serif; 

} 



a{ 
    width:60px; 
    color: #fff; 

} 



.sticky { 
    position: fixed; 
    width: 100%; 
    left: 0; 
    top: 0; 
    z-index: 100; 
    border-top: 0; 
} 
<head class="navContainer"> 
<nav class="nav"> 


     <ul> 
      <li><a href="web.html">WEB</a></li> 
      <li><a href="photo.html">PHOTOGRAPHY</a></li> 
      <li><img src="img/demo/_small/logo.png"></li> 
      <li><a href="design.html">DESIGN</a></li> 
      <li><a href="video.html">VIDEO</a></li> 

     </ul> 
     </nav> 

ответ

2

Для добавления .navtext-align: center;

Для .nav ul удалить float: left; и добавить display: inline-block;;

+0

Хе-хе, я собирался предложить точно такой же подход +1. – Stickers

+0

Спасибо, ребята, рок –