Не знаю причину поля 9px между элементами

Извините, что я являюсь полным noob, но я хочу запустить веб-сайт, и я слышал, что должен использовать маркер 0 auto для центровки макета. Я искал везде для этого, но я не думаю, что это та же проблема, что и здесь.Не знаю причину поля 9px между элементами

CSS:

#page-wrap 
{ 
    height: 1008px; 
    width: 900px; 
    background: #000000; 
    margin: 0 auto; 
}

HTML:

<body> 
    <div id="page-wrap"></div> 
    <header></header> 
</body>

Я получаю необъяснимое запас 9px между верхней части окна и # страниц оберточной дел.

http://gyazo.com/90fe8fe2e151ac9ae5b0bc93d3b5ba79.png

Пожалуйста, объясните, что я делаю не так, и не смейтесь-им ультра новичку. спасибо

источник

2013-11-20 user2897818

margin: 0 auto; применяет 0 поля к вершине элемента и auto поля справа от элемента.

с CSS полями значения применяются к элементу по часовой стрелке сверху так:

margin: 10px 11px 12px 13px;

применяет поля следующим образом

margin-top: 10px; 
margin-right: 11px; 
margin-bottom: 12px; 
margin-left: 13px;

маржа 9px вызвана обивке браузеры по умолчанию. Вы можете переопределить стили браузера по умолчанию, как так:

body, html 
{ 
    min-height: 100%; 
    min-width: 100%; 
    margin: 0; 
    padding: 0; 
{ 

#page-wrap 
{ 
    height: 1008px; 
    width: 930px; 
    background: #000000; 
    margin: 0 auto 0 auto; 
}

источник

2013-11-20 02:33:59 hammus

Я попробовал 0 авто 0 авто. То же, что и раньше – user2897818

См. Правки - вам нужно переопределить браузеры auotmatically добавленный стиль – hammus

СПАСИБО, что он полностью сработал – user2897818

Попробуйте это, добавив в свой CSS с глобальным селектором *

{ margin:0px; padding:0px;}

источник

2013-11-20 03:02:36 stanze

Не знаю причину поля 9px между элементами

ответ

Смежные вопросы