플로팅 바닥 글 인쇄

Question

녀석,

나는 바닥에 떠있는 바닥 글이있는이 반응 형 웹 사이트를 만들고있다.

내 index.page에

누군가는 어떻게 내 힌트를 제공 할 수 있습니다 .. 심지어 내가 부동 바닥 글에 대한 동일한 코드를 사용) ((http://testi3.aada.fi/는) 내 코드는 잘 작동하지만 뭔가 내 콘텐츠 페이지에 문제가 있습니다 이것을 고쳐라?

는

내 부동 코드 :

.container { 
min-height: 100%; 
/* equal to footer height */ 
margin-bottom: -120px; 
} 

.container:after { 
content: ""; 
display: block; 
} 

.site-footer, .container:after { 
/* .push must be the same height as footer */ 
height: 120px; 
text-align: center; 

} 

.site-footer { 
background-image: url(../images/footer_bg_trans.png); 
background-repeat: no-repeat; 
background-position: center top; 
text-align: center; 
position: fixed; 
width: 100%; 
bottom: 0; 
} 

/미카

Answer 1

콘텐츠 페이지의 CSS는 인덱스 페이지에서 CSS와 동일하지 않습니다. 인덱스 페이지에 .site - 바닥 글에 대한 CSS는 다음과 같습니다

.site-footer { 
background-image: url("../images/footer_bg_trans.png"); 
background-position: center top; 
background-repeat: no-repeat; 
bottom: 0; 
position: fixed; 
text-align: center; 
width: 100%; 
} 

경우 콘텐츠 페이지에으로서의 : 당신은 폭이 누락

.site-footer { 
background-image: url("../images/content_footer_bg.png"); 
background-position: center top; 
background-repeat: no-repeat; 
margin-top: 10px; 
text-align: center; 
} 

: 100 %; 위치 : 고정; 하단 : 0;