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

StackOverflow https://stackoverflow.com/questions/1058179

Вопрос

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

Я создаю веб-страницу, которую я хочу исправить без прокрутки, и, самое главное, я хочу, чтобы мой основной 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", в котором содержится решение этой проблемы, но это было давно, и я не помню ...

Любая помощь была бы высоко оценена ^^.

Это было полезно?

Решение

Вы не задавали стиль тела:

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

Другие советы

Ваше поле для тела не установлено равным 0px, только для html.

Установите поле равным 0 в теге body.

body {margin:0;}

В дополнение - вместо того , чтобы добавлять:

padding: 0; margin: 0;

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

* { padding: 0; margin: 0; }
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top