퍼블리싱 질문 채택완료

높이는 100% 안잡혀요

푸터를 하단에 고정 시키던가

absolute fixed로 

제이쿼리로 브라우저 높이 체크 후 높이를 주는 방법 뿐이에요

contents 부분에 min-height 값을 넉넉히 주셔서 항상 footer가 화면밖으로 나가게 하세요.

그 방법 밖에 없습니다. 

스크롤시에는 어떤것을 원하시는건가요..

가령 컨텐츠 부분이 내용물이 많아질때 스크롤이 생기면서 foot가 아래로 내려가는데..

1.스크롤이 생겨도 foot가 하단에 고정이다..

2.컨텐츠에 내용물이 없을때 foot가 하단에 붙고 컨텐츠가 많아서 스크롤이 생길때는

일반 윕페이지처럼 foot가 내려간다..

위 같을때..

1.은 position: fixed; 를 사용하는 수밖에는 없구요..

2. 같은 경우는 아래와 같이 css로 컨트롤 하면 될것 같네요.

3. 아님 다른 내용의 질문인가요??? 

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}
#header {
    height: 100px;
    background: #ddd;
    position: relative;
    z-index: 1;
}
#body {
    min-height: 100%;
    margin: -100px 0 -50px;
}
* html #body {
    height: 100%;
}
#contents{
    padding: 100px 0 50px;
}
#footer {
    height: 50px;
    background: #ddd;
}