2009-06-29 2 views
2

를 삭제하려는 버그 나 ... 난 내가 내 주요 사업부가 aaaaaaaaall을 채우려없이 스크롤 가장 중요한 고정 싶은 웹 페이지를 만드는 중이라서HTML 공백은 내가 새로운 문제가

내 사용할 수있는 공간 ...

는이 코드

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd "> 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> 
    <head> 
    <title>There is a @#!¤*-ing blank !</title> 
    <style type='text/css'> 
     html {margin:0px;padding:0px;height:100%;overflow:hidden;border: 3px solid green} 
     div {margin:0px;padding:0px;} 
    </style> 
    </head>

<body onload="document.getElementById('mydiv').style.height=document.getElementsByTagName('html')[0].offsetHeight+'px'"><div id="mydiv" style="margin:0px;padding:0px;width:100%;border: 2px solid red"></div></body> </html>

했다 당신은 내가 내 몸 패딩 및 사업부 마진이 0으로 설정된 경우에도 내 몸 요소 테두리와 내 div 요소의 경계 사이에 공백을 얻을 볼 수 있듯이 ...

나는 한 번 r ead "에릭 메이어 (Eric Meyer)가 CSS에 관해서"이 문제에 대한 해결책을 담고 있지만, 오래 전 기억이 안납니다 ...

어떤 도움을 주시면 크게 감사하겠습니다 ^^.

답변

7

당신은 신체의 스타일을 설정하지 않은 :

body {margin: 0px; padding: 0px; height: 100%;} 
6

본문 여백은 html의 0px로 설정되지 않습니다.

+0

HTML, 신체 {마진 : 모든 선택에

padding: 0; margin: 0; 

CSS 파일의 상단에 전 세계적으로 그것을 0; 패딩을 : 0} – Sampson

+0

하지만 대답은 상세하지 않았습니다! 나는 당신을 뽑았 어! –

2

는 body 태그에 0으로 여백을 설정합니다. 또한

body {margin:0;} 
1

- 오히려 추가하는 것보다 :

* { padding: 0; margin: 0; } 
관련 문제