여러 솔루션을 시도한 후 바닥 글이 고착되지 않음

Question

바닥 글이 페이지의 아래쪽에 붙는 데 문제가 있습니다. 1024x1268에서 작동하지만 1024x768 및 800x600으로 테스트하자마자 #content 섹션이 바닥 글과 겹쳐져 창 아래쪽에 공백이 표시됩니다. 나는 시도했다 :

• 바닥 글 위치를 절대 w/bottom으로 설정 : 0;
• 위치 사용 : 고정되어 있지만 작동하지만 내용은 겹칩니다. 나는 그것을 내용 뒤에 나타 내기 바란다.
• 컨테이너에 패딩을 추가 및 마이너스 마진
• #content에 패딩을 추가로 바닥 글을 당겨와 같은 높이로에 끔찍한 해키 #push div의 세트를 사용하여 음의 여백
• 과 바닥 글을 당겨 내가 준비에 대해이야이 시점에서 바닥 글

Here's the page that's having the problem.

는 그것을 몇 가지 jQuery를 던져 및 수행 할 수 있지만, 문제를 해결하기 위해 CSS 방법이 있다면 내가 제안을 개방적이야.

편집 : 상황이 좀 이상 해 보이는 경우, 배경 이미지를 늘리기위한 플러그인을 추가하고 있기 때문입니다. 혼란을 용서하십시오!

Answer 1

끈적 끈적한 바닥 글이 매우 인기있는 방법은 다음 링크를 확인,이 있습니다

http://ryanfait.com/sticky-footer/

http://www.cssstickyfooter.com/