HTML пробел Я хочу стереть - PullRequest
Новая
       14

HTML пробел Я хочу стереть

2 голосов
/ 29 июня 2009

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

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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" rel="nofollow noreferrer">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>">
<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></p>

<p><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, даже несмотря на то, что поля тела и поле div установлены в 0 ...

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

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

Ответы [ 4 ]

7 голосов
/ 29 июня 2009

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

body {margin: 0px; padding: 0px; height: 100%;}
6 голосов
/ 29 июня 2009

Ваше поле не установлено в 0px, только в HTML.

2 голосов
/ 29 июня 2009

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

body {margin:0;}
1 голос
/ 29 июня 2009

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

padding: 0; margin: 0;

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

* { padding: 0; margin: 0; }
...