Пустой HTML, который я хочу стереть

У меня новая проблема, которая беспокоит меня...

Я делаю веб-страницу, которую я хочу исправить без прокрутки, и, самое главное, я хочу, чтобы мой основной Div заполнил все мое доступное пространство...

Я сделал этот код 

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

Как вы можете видеть, я получаю пробел между границей элемента body и границей элемента div, даже несмотря на то, что для отступов body и поля div установлено значение 0...

Я когда-то читал "Подробнее об Эрике Мейере о CSS", в котором есть решение этой проблемы, но это было давно, и я не помню...

Любая помощь будет принята с благодарностью ^^.


javascript html padding css margin
person Ar3s    schedule 29.06.2009    source источник

Ответы (4)


arrow_upward
7
arrow_downward

Вы не установили стиль тела:

body {margin: 0px; padding: 0px; height: 100%;}
person Greg    schedule 29.06.2009

arrow_upward
6
arrow_downward

Поле вашего тела не установлено на 0 пикселей, а только на html.

person Daniel Sloof    schedule 29.06.2009
comment
html, тело {поля: 0; отступы: 0} - person Sampson; 29.06.2009

arrow_upward
2
arrow_downward

Установите для поля значение 0 в теге body.

body {margin:0;}
person Emily    schedule 29.06.2009

arrow_upward
1
arrow_downward

Кроме того, вместо добавления:

padding: 0; margin: 0;

для каждого селектора сделайте это глобально в верхней части вашего файла CSS:

* { padding: 0; margin: 0; }
person Elle    schedule 29.06.2009