세로 가운데 페이지의 바닥 글 높이 100 %

Question

http://www.stuartflake.com은 내가 작업하고있는 사이트입니다. 바닥 글 요소에는 메뉴가 있고 배경은 회색입니다. 페이지의 내용은 div#position

에 의해 수직으로 중심이에 대한 CSS는

#position { text-align:center; position:absolute; top:50%; left:0; width:100%; height:1px; display:block; } 

내 문제는 내가 회색이 항상 확장되도록 동적 높이를 가지고 회색 바닥 글을 좋아하는 것입니다 하단 (아니요, "끈적"푸터가 아닙니다). 어떤 생각을 어떻게 할 수 있을까요?

CSS 솔루션이 바람직하지만 jQuery 솔루션도 유효합니다.

감사

Answer 1

그것은 완벽한 해결책은 아니지만 할 수 있습니다 "가짜"를 몸 조작하여 :이 #wrapper하는 다음

background:#E7E8E4; 
border-top:300px solid #F6F6F6; 

그리고 추가를 :

background:#F6F6F6; 

이 사용자가 정말 높은 화면을 가지고 있지만 (상단에서 내용까지 300px 이상의 여백이있는 경우) 실패합니다. 이것은 당신이 무엇을 물어 경우

Answer 2

나는 잘 모르겠지만, 당신은 #wrappertop:-325px-top:-200px

을 변경할 수 있습니다