위치 : 파이어 폭스와 크롬의 고정 차이 -

Question

나는 Skeleton boilerplate을 사용하여 반응 형 디자인을 만듭니다.

이는 크롬과 파이어 폭스의 모습입니다 각각

크롬 : http://screensnapr.com/v/iaXYDS.jpg

파이어 폭스 : 당신이 볼 수있는 http://screensnapr.com/v/EW6HZM.jpg

메뉴를 있어야하는데 회색 막대가에서 잘 보인다 크롬. 내가 성취하려고 노력하는 것은 그 부모 내에서 상대적으로 고정 된 끈적한 메뉴이다.

여기 #menu (회색 막대)에 대한 CSS를

#menu { 
    z-index: 1000; 
    background: #666; 
    position: fixed; 
} 

여기 해골의 상용구를 사용하여 #menu의 클래스입니다. 이러한 다음 스타일

.container .sixteen.columns { 
    width: 940px; 
} 

.container .column, .container .columns { 
    float: left; 
    display: inline; 
    margin-left: 10px; 
    margin-right: 10px; 
} 

당신이 URL

http://home.piratelufi.com/sticky/

를 통해 테스트하고 복잡 대한 (죄송 소스 코드를 다운로드 할 수 있습니다에게 #menu을 줄 것이다

<div id="menu" class="sixteen columns"> 

파일)

http://home.piratelufi.com/sticky/sticky.zip

Answer 1

사용자가 정의

.container .column, .container .columns{ 
display:inline; // remove this line 
} 

때문에 CSS를 에 display : inline에를 제거float:left;