끈적한 머리글과 바닥 글

Question

내 머리글과 풋터가 끈적 끈적한 머리글과 바닥 글을 가지고 있는데, 작동하지만, id = "페이지"가 ​​항상 머리글 아래로 스크롤되지 않는다는 문제가 있습니다! 여기

내가 위치를 요소에 문제가 있음을 볼 수있는 사이트, http://zmgc.net/

이다 = "상대"같은 예제로 탭과 "패트리샤 서명 ..."상자 항목으로.

.box ul.supports-list li.last { 
    width: 200px; 
    position: relative; 
    float: left; 
} 

어떻게 내가 그래서 아이디 = "페이지"를 해결합니까 그 안에 모든 요소가 항상 머리글과 바닥 글을 모두 아래로 스크롤 있다고?

Answer 1

설정이 같은 헤더를위한 Z- 인덱스 :는 #header와의 #footer에 대한

#hd{ 
z-index: 10000; 
} 

Answer 2

사용 position:fixed, 몸과/# 페이지 overflow:hidden/auto. 내 예에서

방금 ​​머리글과 바닥 글

jsFiddle

body{ 
    margin:0; 
    padding:30px 0 40px 0; 
    overflow:hidden; 
} 
#header{ 
    position:fixed; 
    top:0; 
    left:0; 
    width:100%; 
    height:40px; 
    background: red; 
} 
#footer{ 
    position:fixed; 
    bottom:0; 
    left:0; 
    width:100%; 
    height:60px; 
    background: blue; 
} 
#page{ 
    overflow:auto; 
    height:100%; 
    background: green; 
} ​