2012-05-19 3 views
0

내 웹 사이트에 어떤 이유로 하단에 공간이 있습니다. 래퍼의 높이를 설정하려고했지만 그 변경 사항이 없습니다 ... 여기 누군가가 내게 줄 수 있기를 바랬습니다. 손을, 나는 아직도 배울 많은있다 그래서 좋다! : D내 페이지 하단의 공간

감사

링크 : propertytest.uphero.com

+0

이것은 크롬 문제 일뿐입니다. 나를 위해 ie9에서 좋아 보인다. Chrome은 doc 형식에 대한 유효성 검사 문제에 더 민감하다고 생각합니다. 아래의 픽스가 잘 작동 할 것입니다. (물론 CSS를 주입하여 저에게 도움이됩니다)하지만 imho는 반창고라고합니다. 유효한 HTML로 이동 한 다음 문제의 경로 원인을 추적합니다. W3C 유효성 검사기 죄송합니다 - http://validator.w3.org/check?uri=http%3A%2F%2Fpropertytest.uphero.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 –

+0

와우. 코드가 많이 있습니다. 나는 피곤하다. 나는 줍다. '상대'를 사용하여 모든 블록의 위치를 ​​정지합니다. – Niranjan

답변

1

는 (CSS에서) 100 %에 HTML과 몸 태그의 높이를 설정 첫째

html, 
body { 
    height: 100%; 
} 
+0

아니 그게 문제가 아니야. – Niranjan

+0

@ngen : 크롬에서 그랬고 바닥에서 불필요한 공간이 사라졌습니다. –

+0

크롬에서 코드를 올바르게 만들 것입니다. 하지만 파이어 폭스에서는 그렇지 않습니다. – Niranjan

0

우선,

정리 그 코드 조각은 </html> 이후입니다.

</body> 내에 모든 것을 수행하십시오.

그런 다음 <p style="clear:both;height:0;">&nbsp;</p>을 사용하여 마지막 div 앞에있는 부동 소수점을 지 웁니다. 꼬리가 달린 부유물을 남기지 않아야합니다.

+0

Chrome (19.x)이 자동으로이 작업을 수행하고 있습니다. 개발자 도구를 열면 코드가 태그 –

+0

@barts 직전으로 이동했음을 알 수 있습니다. 브라우저가 마크 업을 움직이지 않습니다!. – Niranjan

+0

이것은 anwer입니다 .. 댓글을 했어야했습니다 !! .. –

관련 문제