2012-06-19 3 views
0

나는 처음으로 WordPress 웹 사이트를 편집하고 있는데, 이제는 주 콘텐츠 div가 바닥 글을 오버플로하여 문제를 처리하는 방법에 대해 확신하지 못하는 문제가 발생했습니다. 어떤 도움을 주시면 감사하겠습니다WordPress footer not below

www.twazzle.co.uk/twazzle/wordpress/ : 다음은 웹 사이트입니다.

+0

스택 오버플로에 오신 것을 환영합니다! 의미있는 코드와 문제 설명을 여기에 추가하십시오. 고칠 필요가있는 사이트에 링크 만하지 마십시오. 그렇지 않으면이 문제는 문제가 해결되면 미래 방문자에게 어떤 가치도 잃게됩니다. 자세한 내용은 [내 웹 사이트의 일부가 작동하지 않음]을 참조하십시오. 그냥 링크를 붙여 넣을 수 있습니까?] (http://meta.stackexchange.com/questions/125997/) 감사합니다! –

+0

내가 무엇을 여기에서보고 있는지 확실하지 않습니다. 나는 넘치는 것이 보이지 않는다 ... 어떤 부분이 바닥 글인가? 또한, 당신의 PHP 코드는 어떻게 생겼을까요? –

+0

당신은 그것을 어떻게 보이기를 기대합니까? 우선, 당신은 절대적인 포지셔닝을 가지고 있으므로 나는 그것으로 시작하겠다 .... – Rooster

답변

0

여기에 몇 가지 문제가 있습니다. 첫째, 블록 안쪽에 요소가 떠 있거나 플로트가 없거나 지워졌습니다. 두 가지 (그리고 이것이 주된 문제입니다) #content div는 position:absolute이지만 그 밖의 것은 없습니다. 절대 위치 지정을 사용하면 div가 겹쳐 지거나 다른 지저분한 결과를 낳을 수 있습니다. 수정하려면 요소를 만들기 전에 position:absolute 블록 요소 position:relative을 포함하게하십시오. 플로트 문제를 해결하기를 원할 것입니다. 그들이 자랄 때 자신의 치수/다른 요소가 성장하지 않는 계약 /에 계약을 페이지에 아무것도의 레이아웃에 영향을 미치지 않도록

#main { 
    overflow: hidden; //this tells it to contain floated elements inside it 
    } 
#primary { 
    float: left; 
    margin: 10px; 
    position: relative; //this will contain nested absolutely positioned elements 
    width: 999px; 
    } 
1

귀하의 #content 및 #primary 요소 모두는 절대 위치가 적당한. 이 둘을 position : relative 또는 static으로 변경하면 css가 작성된 방식으로 인해 다른 일부 작업이 중단되지만,이를 해결하기위한 시작점으로 가져 가야합니다.