하단의 신비한 흰색 갭

My page here은 바닥 글의 끝 부분에 흰색 틈이 있지만, 모든 것을 시도한 후에도 여전히 손실이 있다고 생각할 수 있습니다.하단의 신비한 흰색 갭

고정 오른쪽 nav 및 유체 중간 컨테이너로 인해 '푸시'클래스와 음수 여백을 사용하여 영향을 줄 수있는 동일한 열을 얻습니다. , #_atssh (ID "_atssh"와 DIV)의 위치는 절대적으로 설정된 경우에도, 범인 어떤 이유

#main-content { 
margin: 0 5% -100px; 
min-width: 960px; 
max-width: 1137px; 
overflow: hidden; 
min-height: 100%; 
} 

.right-nav { 
float: right; 
width: 31.5%; 
border-left: 1px solid #DDD; 
padding-top: 1.5em; 
padding-bottom: 10040px; 
margin-bottom: -10040px; 
width: 358px; 
} 

#middle { 
width: 67.2%; 
height: 100%; 
padding: 1.5em 1.2% 15px 0; 
margin-bottom: 3em; 
width: auto; 
margin-right: 358px; 
} 

#footer-wrapper, #push { 
height: 100px; 
overflow: hidden; 
} 

#footer-wrapper { 
clear: both; 
width: 100%; 
border-top: 1px solid #323232; 
padding: 20px 0 0; 
background: #33383C; 
background: #3F4952 url("/images/bg.jpg") repeat; 
}

출처

2013-10-13 Anonymous

오페라 사용시 이러한 차이가 없습니다. 마크 업의 유효성을 검사 해 보셨습니까? – user268396

NetworkNerds 솔루션이 작동합니다. 나는 포지셔닝에 음수 값을 사용하는 팬이 아닙니다. 대신 다음을 권합니다.

#footer-wrapper { 
    clear: both; 
    width: 100%; 
    border-top: 1px solid #323232; 
    padding: 20px 0 0; 
    background: #33383C; 
    background: #3F4952 url("/images/bg.jpg") repeat; 
    position: absolute; /*This will set the position*/ 
}

출처

2013-10-13 23:32:41

, 가시성이 숨겨져 :

다음은 CSS입니다. 대신 스타일 display: none을 추가하십시오.

이것은 확실히 흥미로운 일이며 계속 조사 할 것입니다. #_atssh 사업부가 어떤 이상한 이유로, 두 가지 솔루션이 원인이되는

출처

2013-10-13 22:53:14 sheng

다음은 서로 관련이 없습니다. http://www.inside-guides.co.uk/css/small-screens/middle2.css가 참조되고 있지만 서버에는 존재하지 않습니다. 또한 http://www.inside-guides.co.uk/js/DirectoryBrowser.js의 13 행에서 newContent를 참조하고 있는데 이는 정의되지 않았습니다. – sheng

또는'visibility : hidden'이 필요한 경우, 명시적인'top' 값을 0으로 설정하면됩니다. – kibibu

...

먼저 당신이 #_atssh{bottom:10px;}

출처

2013-10-13 23:03:08 Dan

여기에 빠른 방법 몇 픽셀을 이동 할 수 #_atssh{display:none;}

두 번째입니다 페이지 하단의 여분의 픽셀을 제거하십시오.

#footer-wrapper { 
    margin-bottom:-1px; 
}

출처

2013-10-13 23:10:24 1234567

하단의 신비한 흰색 갭

답변

관련 문제