2012-12-10 2 views
0

이 페이지에는 바닥 글이 있고이 페이지에는 GridView가 표시되고 Gridview의 내용은 사용자가 선택한 항목에 따라 달라지며 Gridview는 아무 것도 할 수 없으며, 168 행, 그리고 그 사이의 모든.GridView를 확장 할 때 바닥 글 div가 계속 유지되지 않습니다.

<html> 
<body> 
    STUFF 
    <div id="footer"> 
    <p>This is the footer</p> 
    </div> 
</body> 
</html> 

CSS의이 같은입니다 : : 이제

#footer { 
width: 100%; 
height: 60px; 
margin: 0 auto; 
padding: 0; 
background: #E1E1E1; 
position:absolute; 
bottom:0; 
} 

, 나는 위치 시도 : 고정,하지만 내가 원하는 게 아니에요, 그런 식으로

마스터 페이지는 다음과 같이이다 꼬리말은 페이지 내용 위에 표시되며, 아래쪽에 있어야합니다. 내가 친척으로 설정하면 마스터 페이지의 콘텐츠 위치 홀더의 bettom으로 설정되지만 Gridviews에서 볼 수 있습니다. 절대로 설정하면 맨 아래로 이동하지만, Gridview는 특정 크기의 작은 행을 가지며, 많은 행을 표시해야하는 경우 footer는 gridviews 뒤에 나타납니다.

이것은 나를 미치게합니다. 어떤 제안을 주셔서 감사합니다.

+0

왜 당신이 당신의 페이지의 콘텐츠를 구성하는'

'사용하지 마십시오! – jjj

+0

'에 누락 된'>'이 있습니다. – jjj

+0

오타였습니다. 꼬리말의 위치를 ​​보여주기 위해 코드를 작성했습니다. – user1676874

답변

1

이 시도 : Sticky Footer

* { 
    margin: 0; 
} 
html, body { 
    height: 100%; 
} 
.wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */ 
} 
.footer, .push { 
    height: 142px; /* .push must be the same height as .footer */ 
} 

/* 

Sticky Footer by Ryan Fait 
http://ryanfait.com/ 

*/