고정 헤더 위치 지정

Question

적어도 까다 롭습니다. 가로로 스크롤해야하는 페이지가 있습니다. 페이지의 맨 위에는 페이지 전체를 중심으로 동일한 위치에 있어야하는 메뉴가 있습니다. 비록 내가 jQ를 사용했다 할지라도 이것을 실현하는 방법을 확신 할 수 없다. 동일한 div를 두 가지 다른 방식으로 배치해야한다. 여기

은 페이지입니다 :

http://www.coflash.com/testing/raycollins/gall1.php

는 스크롤이 중 어떤 이유로 표시되지 않지만,이 사이트에 이전 코드에서 잘 작동합니다

http://www.raycollinsphoto.com

어떤 아이디어 ?

Answer 1

스크롤 추가시 본문 overflow-x:scroll; 가로 스크롤 막대가 표시됩니다. 당신이 position:fixed; 및 width:100% 및 z-index:10; 그렇게 #headerwrap의 최종 CSS가 될 것입니다 사용할 수있는 헤더 정보

:

#headwrap { 
    background-color: #1C1C1C; 
    position: fixed; 
    width: 100%; /* to take the width of all screen */ 
    z-index: 10; /* In small screens the images override the header */ 
}