2013-02-22 9 views
1

나는이 사이트에 대한 새로운 포스터입니다. 저는 이것을 수년간 연구 자원으로 사용해 왔지만, 처음으로 커뮤니티 전체에 손을 내밀 필요가 없어졌습니다.WordPress 사이트 하단에 여분의 공간이 있음

저는 현재 클라이언트 용 사이트의 재 설계를 마무리하고 있습니다. WooThemes Canvas의 큰 버전을 프레임 워크로 사용하며 http://dev.victorybeer.com에 있습니다. 표준 바닥 글 요금과 함께 하단에 동적 데이터를 표시하기 위해 footer.php 파일에 마크 업 항목을 추가했습니다. 볼 수있는 문제는 바닥 글 아래에 나타나는 추가 공간 (파란색 배경이 표시 될 수 있음)입니다. 사이트는 단순히 빨간색 "footercontainer"DIV로 끝나야합니다.

내 마크 업과 CSS (FireBug 사용)를 두 번 및 세 번 검사하여 모든 것이 유효하고 아래쪽을 밀 수있는 내부 요소에서 여백이나 패딩이 적용되지 않았는지 확인했습니다. 나는 이것이 그것을 창조한다는 것을 나타내는 절대적으로 아무것도 볼 수 없다. 몇 가지 이상한 PHP 문제가 없기 때문에 왜 그런 일이 벌어 질지 짐작할 수 없습니다. 하단 탐색 및 footercontainer DIV를 제거하면 사이트가 올바르게 종료됩니다 ("European Tradition ..."태그 라인 바로 아래).

나는 HelpDesk 티켓을 WooThemes에 제출했으며, 답은 공간을 차지하기 위해 footercontainer DIV에 300px의 높이를 하드 코딩하는 것이었다. 반응이 좋은 사이트로서 이것은 나에게 잘 앉지 않았고, 원인을 치료하기보다는 증상을 덮는 것이 더 많은 것 같았다.

이유는 바닥 높이에있는 모든 방법을 도달하는 바닥 글이었다 때문에 격차도 를 작성했다 : 나는 티켓을 재개하고 해결 방법이 충분하지 것을 지시하는 경우, 응답은 저를 어리둥절 바닥 글에 고정되어있는 이 수정되었습니다. 또한 모바일보기에서도이 솔루션을 테스트했으며 이 효과가있었습니다.

아시다시피 페이지의 모든 요소는 서로의 영향을받습니다. 그 결과로 하단의 틈이 있습니다. 나는 요소가 정확히 내가 원하는만큼 렌더링하지 않고 css를 추가하는 등 내 사이트에서 작업했습니다.

이상 나는 정직하게 모른다.

허? 내가 알고 싶은 것은 입니다. 왜 바닥 글에 밑줄이 닿아 있지 않고, 마스크하지 않는 것이 아닙니다.

아무도 도와 드릴 수 있습니까? 나는 가장 감사 할 것입니다. 이 사이트는 3/3에 실시간으로 공개 될 예정이므로 귀하의 집단적 지원은 높이 평가됩니다.

+0

Firebug의 마크 업 유효성 검증이 어떻게 작동하는지 모르지만 [w3c 유효성 검사기] (http://validator.w3.org/check?uri=http%3A%2F%2Fdev)를 사용하여 다시 점검 할 가치가 있습니다. .victorybeer.com % 2F & charset = % 28detect + 자동으로 % 29 & doctype = 인라인 & 그룹 = 0). ID가 중복되고 이상한 자체 폐쇄 태그 이 있습니다. 그게 문제의 원인인지는 모르겠지만 아마 도움이되지 않습니다. – Hobo

+0

나는 그 맑은 hax를 결코 좋아하지 않았다, 언젠가 그것은 당신을 붙들기 위하여 돌아올 것이다. '#footer {height : auto; }'도움이되는지 확인하기 위해 Firefox firebug를 사용하여 저에게 효과적이었습니다. – kjetilh

답변

0

이전에도이 문제가있었습니다. 가장 좋은 방법은 아니지만 몇 가지 방법으로 해결할 수 있습니다.

"높이"콘텐츠가 충분하지 않은 경우이를 수정하는 간단한 방법은 custom.css (행 460)의 높이를 수정하는 것입니다.

나는 그것을 시험해 보았다. 그리고 그 여분의 공간을 채우는 것처럼 보인다.

#footercontainer { 
background-image: url("images/vbc_bkg_wfh.png"), url("images/vbc_bkg_footer.png"); 
background-position: 80% 70px, left top; 
background-repeat: no-repeat, repeat; 
border-top: 1px solid #270101; 
height: 280px; 

높이를 280px로 변경했는데 페이지의 간격이 모두 누락되어 항상 작동하는 것처럼 보입니다. 좀 더 깊이있는 것을 찾고 있다면 CSS에 대한 모든 html을 조사해야 할 것이라고 생각합니다.이 수정 프로그램은 과거에 저에게 효과적이었습니다.

관련 문제