CSS Sticky Footer - 콘텐츠 div에 많은 텍스트가 포함되어있을 때 스크롤바가 표시되지 않습니다.

Question

끈적한 바닥 글을 만드는 중입니다. 나는 ryanfaits의 버전을 보았다.이 부분은 http://matthiasschuetz.com/content/extras/css_template01.html

이다. 마지막 부분은 잘 작동 하나 문제는 content-div에 많은 내용을 넣었을 때 바닥 글이 내려 가고 스크롤바가 없다는 것입니다. 콘텐츠 부서에서 나는 min-height, max-height, height 그리고 overflow = auto와 overflow-y를 설정하기 위해 content-div에서 시도했다. 마지막 하나는 비활성화 된 스크롤바를 보여 주지만 여전히 작동하지 않습니다.

아이디어가 있으십니까? 임 꽤

감사 alot을 :(좌절! 내가 http://matthiasschuetz.com/content/extras/css_template01.html를 사용하고 나에게 DIV에 대한 스크롤 막대가 표시되지 않습니다 컨텐츠를 확장하면 론

Answer 1

이

http://www.cssstickyfooter.com/

에서보세요. 어쩌면 당신은 당신의 html/css를 온라인으로 올려야 사람들이 당신을 도울 수 있는지 살펴볼 수 있습니다.

Answer 2

우선 모든 것을 CSS에 넣으십시오

모든

html { 
    height: auto; 
    min-height: 100%; 
    overflow-y: scroll; 
} 

둘째 나는 당신의 끈적 끈적한 바닥 글을 시도하지 못했지만, 나는 종종이 아주 잘 작동이 하나 http://ryanfait.com/sticky-footer/

를 사용합니다.

Answer 3

Ron 동일한 문제가 발생 했으므로 문제는 끈적한 바닥 글에 유효합니다. 콘텐츠가 상단에서 130px부터 시작하는 콘텐츠 컨테이너에 다음을 넣을 수 있습니다.

#content-container { 
margin-top:130px; 
position: absolute; 
top: 0; 
bottom: 0; 
left: 0; 
right: 0; 
overflow: auto; 
} 

는 사실이 작업을 수행하여 전체 래퍼 DIV 스크롤을 결국 :

#wrapper { 
min-height:100%; 
height: auto !important; 
height: 100; 
margin: 0 auto; 
position: absolute; 
top: 0; 
bottom: 0; 
left: 0; 
right: 0; 
overflow: auto; 

}

#footer-container { 
background-color:#263959; 
color:#FFF; 
height:110px; 
min-width:1000px; 
width:100%; 
overflow:hidden; 
position:absolute; 
bottom:0; 

}