끈적 풋터가 작동하지 않음

Question

내용이 나타날 때마다 바닥 글을 내려 놓으려고합니다. 그러나 페이지 중간에있는 바닥 글은 내 탐색 막대 바로 아래에 있습니다. 페이지의 맨 아래에 자동으로 내용에 의해 밀어 넣기,이 튜토리얼을 시도한 here 하지만 제대로 작동하지 않았기 때문에 분명히 알지 못합니다. 작동하지 않기 때문에 누군가가 나를 도울 수 있습니까?

<div id="wrapper"> 
<div id="banner"> 

    <img src="../img/banner2.png" width="1024" height="173" longdesc="../index.php" alt=""/>  </div> 
<div id="navigation"><?php include('C:/xampp/htdocs/legendofgames/includes/navbar.php'); ?> 


<div id="apDiv4"> 

<?php include('C:/xampp/htdocs/legendofgames/includes/menu_cat.php'); ?> 


</div> 


<div id="fb-root"></div> 

<div id="like"> 
<div class="fb-like-box"></div></div> 



<div id="apDiv2"> 



<!-- TemplateBeginEditable name="gamespace" --> 
    <h1>&nbsp;</h1> 
<!-- TemplateEndEditable --> 

    <!-- TemplateBeginEditable name="EditRegion4" --> 
    <!-- TemplateEndEditable --></p> 



</div> 

<div id="apDiv1"><img src="../img/lateralb2.png" width="209" height="592" alt=""/> 

</div> 

</div> 

<footer class="site-footer"> 


</footer> 

CSS 코드 :

body { 

width:100%; 
height:100%; 
background-color: #FFF; 
background-image: url(../img/bg.png); 
background-repeat: repeat; 
} 

#wrapper { 
width: 1024px; 
margin-right: auto; 
margin-left: auto; 
min-height: 100%; 
top: 5px; 
margin-bottom: -200px; 
display: block; 

} 
.site-footer, .page-wrap:after { 
/* .push must be the same height as footer */ 
height: 200px; 
} 

.site-footer { 
background-image: url(../img/foot.png); 
} 

Answer 1

좋은 찾고, 당신이 할 필요가 절대 위치 및 바닥을 사용하는 것입니다 0.

.site-footer { 
    background-image: url(../img/foot.png); 
    position: absolute; 
    bottom: 0; 
    width:100% 
} 

폭 : 100 %; 나중에 프로젝트에서 버그로부터 당신을 구할 것이라고 확신합니다.

Answer 2

사용 절대 위치 및 만들 바닥 = 0

.site-footer { 
background-image: url(../img/foot.png); 
position: absolute; 
bottom: 0 ; 
left: 0; 
right: 0; 
}