2009-06-29 189 views
2

我有一个新的问题,困扰我...HTML空白我要删除

我想提出一个网页,我不想被固定的,没有滚动和最重要的我想我的主要事业部,以填补aaaaaaaaall我可用的空间...

我做了这个代码

<!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>

正如你可以看到我让我的身体元素边框和我div元素边框即使我的身体填充和格边距设置为0之间的空白...

我曾经有过r ead“更多埃里克迈耶在CSS”,包含这个问题的解决方案,但它是很久以前,我不记得...

任何帮助将不胜感激^^。

回答

7

你没有定身的风格:

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

您的身体边距未设置为0px,仅为html。

+0

HTML,身体{保证金:

padding: 0; margin: 0; 

每一个选择在你的CSS文件的顶部做全局0;填充:0} – Sampson 2009-06-29 13:11:48

2

设置余量为0,对身体标记。

body {margin:0;} 
1

另外 - 而不是增加:

* { padding: 0; margin: 0; }