2009-06-29 102 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; }