2012-03-03 2 views
0

이 사이트는 여기에 있습니다 :왜 내 바닥 글이 끝까지 내려 갔습니까?

http://www.cottonbrewing.com/members

내용이 페이지를 스크롤을 필요로하지 않는 경우가 괜찮습니다.

CSS :

#footer { 
    position:absolute; 
    bottom:0; 
    left:0; 
    right:0; 
    margin: 0 auto; 
    font-size: 12px; 
    font-weight: normal; 
    clear:both; 
    padding: 10px 0px 10px 0px; 
    text-align: center; 
} 

편집 1 : 나는 또한해야합니다 내용은 여기를 참조 같은 작은 경우 반드시 바닥 글은 절대 하단에 : 바닥 글 하단에 http://www.cottonbrewing.com/있다.

바디

body 
{ 
    height:100%; 
} 

컨테이너 div :

+0

내가 그런 것을 필요로 할 때마다 나는 http://www.cssstickyfooter.com/로 향한다 - 새로운 기술과 브라우저 지원 등으로 최신 정보를 얻은 것 같다. –

답변

0

변경 position:absolute; 주석에 대한 응답으로

ADDITION

position:relative;하기 위해, "끈적 끈적한 바닥 글"에 대한 다음 지침을 따르십시오 :

012 3,516,
#container 
{ 
    min-height: 100%; 
    position: relative; 
} 

귀하의 바닥 글 div :

#footer 
{ 
    position: absolute; 
    bottom: 0; 
    width: 100%; 
    height: 30px; /* can be changed, along with padding */ 
} 
+0

네, 그 내용은 정상적인 브라우저 높이를 전달하지만 콘텐츠가 작을 때 하단에 표시하려고합니다. 이렇게 : http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page – ParoX

+0

당신은 끈적 인 바닥 글을 원한다. 귀하의 질문에 명시되어 있어야합니다. 나는 내 대답에 덧붙였다. –

+0

몸체 높이는 100 %이어야합니다. –

0

바닥을 삭제 : 0;을 입력하고 위치를 relative로 변경하십시오.

관련 문제