2012-02-21 3 views
0

포럼 시작을위한 스킨 디자인이 거의 끝났습니다. 시작한 이후 거의 바닥 글 아래에 페이지 하단에 간격이있었습니다. 비슷한 질문을 여러 번 발견했지만 모든 제안을 시도했지만 포럼 웹 페이지의 맨 아래에 그 차이의 원인을 찾을 수없는 것 같습니다.페이지 하단의 틈새

포럼 : 내 모든 마진과 패딩을 확인했고 그들은 모두 잘하고, 문제가 모든 브라우저에 표시 할 것 Forum Link

.

+0

대신 고정 '설정 패딩을-top' 고정 바닥 글을 줄 * 높이 * - 150 픽셀 여기에 물건을 분류의 높이를 설정 예. –

답변

2

body {overflow:hidden} 
+0

, 고마워! – Adam

+0

이것은 정말 나쁜 해킹입니다. 수평 및 수직 슬라이더를 모두 제거합니다. 그런 다음 "죽은 페이지"로 끝납니다. Adam은 갭을 피하기 위해 HTML/CSS를 수정해야했습니다 ... –

2

Firefox의 경우 Google Chrome Inspector 또는 Firebug을 사용해보세요.

간단한 CSS 문제이므로 검색 요소을 마우스 오른쪽 버튼으로 클릭하면 해당 요소의 모든 CSS 속성이 표시됩니다.

소개

크롬 경감 (예)
http://www.threetipsaday.com/2008/12/debug-inspect-google-chrome-inspector/

enter image description here

UPDATE 그것은 문제처럼 보인다

가 바닥 글에 나에게 패딩입니다 :

.footer { 
    background: url("images/simplexity/backgrounds/background.png") repeat scroll 0 0 #33559B; 
    border: 0 none; 
    clear: both; 
    display: block; 
    font: 13px Tahoma,Calibri,Verdana,Geneva,sans-serif; 
    margin-top: -80px; 
    padding: 115px 0 3px; 
} 
+0

필자는 그것을 시도했지만 필자는 그것을 조사 할 때 바닥 글의 배경 이미지가있는 곳을 넘어서는 여백이나 여백이 없기 때문에 뭔가 다른 원인으로 보입니다. – Adam

+0

대답으로 업데이트, 그 꼬리말, 바로 마우스 오른쪽 클릭 ** 검사 ** – Jakub

2

간격은 body-wrapper div의 여백으로 인해 발생합니다.

margin: -85px auto -60px auto '-60px'는 범인 (하단 여백)입니다. 줄이거 나 늘려 격차를 줄이십시오. 현재

enter image description here

:

.body_wrapper { 
padding: 0px; 
background: transparent none ; 
/*-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;*/ 
width: 960px; 
margin: -85px auto -60px auto; 
} 

감소 간격 :

.body_wrapper { 
padding: 0px; 
background: transparent none ; 
/*-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;*/ 
width: 960px; 
margin: -85px auto -134px auto; // CHANGE IS HERE 
} 

참조? 적은 격차 : (마진 - 하단 : -134px)

관련 문제