2012-09-30 2 views
2

CSS 끈이있는 바닥 글이있는 친구를위한 웹 사이트를 만들었습니다.끈적 풋풋 문제 - 빈 공간이 갑자기 바닥 글 아래에 표시됨

여기처럼 보이도록되어있다 : 나는 갑자기 바닥 글 레이아웃이 엉망이있어, http://abchealth.info/doc-mike-special/에서 긴 판매 페이지의 맨 마지막 세그먼트를 추가 할 때까지 http://abchealth.info/doc-mike-special/test2/

그것은 잘 작동 및 훨씬 갑자기있다 내가 알아낼 수 없습니다 바닥 글 :(

아래 빈 공간은 왜 자신을 아마추어 인 ... 누군가의 도움이 ??

내가 가장 가능성 관련 보인다 HTML과 CSS를 추출 시간을 절약하기 위해 수 있습니다, 이 도움이되어주세요.

HTML : 나는 크게 어떤 (초보자 친화적 인) 도움을 주셔서 감사합니다 것

div#wrap { 
margin: 0 auto; 
width: 100%; 
padding-bottom: 605px; 
} 
div#mastercontainer { 
width: 100%; 
height: 100%; 
min-height: 100%; 
} 
div#footerclear { 
} 
div#footer { 
position: relative; 
margin-top: -570px; 
height: 570px; 
clear: both; 
background-image: url(http://abchealth.info/images/footer-bg.jpg); 
background-repeat: repeat-x; 
} 

<body> 

<div id="mastercontainer"> 
</div> 

<div id="footerclear"> 
</div> 

<div id="footer"> 
</div> 

</body> 

CSS, 감사합니다!

답변

1
  1. 에는 35 그래서 세로 스크롤이 데모에

를 제거하지 않습니다 main.css가 라인에 <div id="main">의 폭을 100 % 제거

enter image description here

후하게 그것을 올바른 결과

enter image description here