2012-02-13 3 views
0

Firefox에서 탐색 렌더링에 문제가 있습니다. Chrome과 Opera에서는 괜찮습니다.하지만 Firefox에서는 전체 탐색 div가 오른쪽 상단에서 오른쪽으로 이동합니다.파이어 폭스에서 css 탐색 div 부동 문제

HTML :

<nav class="table"> 
    <ul id="menu"> 
     <li><a href="#">Business</a></li> 
     <li><a href="#">Specialities</a></li> 
     <li><a href="#">Contact us</a></li> 
    </ul> 
</nav> 

그리고 CSS는 다음과 같습니다 당신이 "0 자동"으로 설정되어

.table { 
    display: table; 
    margin: 0 auto; 
    background: #ffe; 
} 


ul#menu { 
    min-width: 100%; 
    list-style: none; 
    margin: 1em 0 1em 0; 
} 

ul#menu li { 
    display: inline; 
    margin: 3em; 
    padding: 0; 
} 

ul#menu li a { 
    font-weight: bold; 
    font-size: 1em; 
    text-decoration: none; 
    text-transform: uppercase; 
} 
+2

문제를 http://jsfiddle.net에서 설정해 주실 수 있습니까? – PeeHaa

+1

http://jsfiddle.net/8dMN2/ 여기 있습니다. –

+1

FF9에서 어떤 버전이 나왔습니까? – PeeHaa

답변

1

속성 마진. 정보가 주어지면 크롬의 왼쪽 상단 코너에도 내비게이션이 보입니다. 그리고 그것을 거기에서 보는 것이 옳습니다.

속성 마진 구조를 가지고 : 오른쪽 상단 좌측 하단 // 당신에게 PeeHaa 감사

그것은이다 같은 다음과 같은 속성을 사용하는 경우 : 여백은 왼쪽 여백 오른쪽, 여백 - 상단과 마진 - 하단 . 그것들은 특별한 마진을 지정해야합니다. 이 답변으로 문제가 해결되지 않는 경우

, 당신은 당신이에 어떤 태그에 대한 몇 가지

position:fixed; 

또는

position:absolute; 

또는

float:left/right; 

가 있는지 확인해야합니다 당신의 html.

+0

또한 어떤 요소에서'position' 또는'float'을 확인해도 실제로 도움이되지 않습니다. – PeeHaa

+0

당신을 탐험해라. –

관련 문제