CSS의 위치는 머리글 메뉴를 조정

내 헤더 메뉴 CSS로

필자 문제, 오전는 다음 CSS 코드를 사용하여 중심 메뉴로 시도,CSS의 위치는 머리글 메뉴를 조정

.header ul.nav li { 
     float:right; 
     position-right:0px; 
     margin: 20px 0 0 15px; 


    } 
    .header ul.nav li a{ 
     color: #fcd770; 
     text-decoration:none; 
     font-weight:bold; 
     padding-right:50px; 


    }

항상 메뉴는 내가 플로트를 제거 할 경우에도 오른쪽 측면을 복용 아웃 : 바로 그 엉망, 은 무엇을 너무 찾고 있어요 것은를 추가, .header ul.nav에

<ul class="nav"> 
      <li><a href="#">Home</a></li> 
      <li><a href="/about/">about</a></li> 
      <li><a href="https://stackoverflow.com/users/">user</a></li> 
      <li><a href="/support/">Support</a></li> 
     </ul>

출처

2011-09-20 LeoSam

당신은 어디에서'위치 right'셨어요? .. 존재하지 않습니다 .. – thirtydot

'.nav' /'.header'에 대해 CSS가 누락 되었습니까? 지금까지 가지고있는 것의 [jsFiddle 데모] (http://jsfiddle.net/)를 만들 수 있습니까? 문제가 있는지 확인하십시오. – thirtydot

전체 데모를 확인하십시오 sudanesetweeps.com/new/index3w.php – LeoSam

내 내 메뉴 코드 여기에, 각 링크 btween 같은 공간을 유지 중앙에 을 메뉴의 전체 그룹을 이동입니다.

.header ul.nav li에서 float:right을 제거하고 존재하지 않는 position-right:0px;을 제거한 다음 display: inline-block을 추가하십시오.

는 IE7을 지원해야하는 경우

,이 display: inline-block 사용 :

display: inline-block; 
*display: inline; 
zoom: 1

출처

2011-09-20 10:58:20 thirtydot

CSS의 위치는 머리글 메뉴를 조정

답변

관련 문제