Пробелы сверху и внутри тегов div

Question

Может кто-нибудь, пожалуйста, просто скажите мне, чего мне не хватает извините, глупые глаза?

Пробел появляется в верхней части окна моего браузера и между двумя контейнерами тегов div (все браузеры.)* p, body, html, каждый div, все поля: 0px;

Грасиас.

Answer 1

Верх поля вашего menu-container div имеет margin-top: 20px; Я видел это с помощью FireBug.

Answer 2

.menucontainer имеет margin-top: 20px;

установлен на margin-top: 0;

.centercontainer имеет margin: 10px auto;

установлен на margin: 0 auto;

и добавьте overflow: hidden; (к .centercontainer)

Инструменты разработчика в Chrome - огромная помощь, как и Firebug в Firefox:)

РЕДАКТИРОВАТЬ: если вы хотите, чтобы .menucontainerна 20px ниже, добавьте padding-top: 20px; к .lightsandcolourcontainer

Кроме того, ширина вашего контента установлена ​​на 1000px - остерегайтесь этой ширины, поскольку вы допускаете только 24px для горизонтальной полосы прокрутки, которая может иметь боковуюэффект некрасивой и ненужной вертикальной полосы прокрутки, появляющейся в некоторых браузерах.Придерживаясь 960px - максимальная ширина страницы 980px - это веб-стандарт, принятый для предотвращения вертикальной прокрутки в большинстве браузеров посетителей (поскольку 1024 x 768 является / было наиболее распространенным разрешением мониторов посетителей).

Answer 3

удалите margin-top: 20px; из <div class="menucontainer"> и поместите padding-top: 20px; на <div class="lightsandcolorscontainer">

. Причина в том, что, поскольку это самый верхний контейнер, его поле margin-top помещено в родительский контейнер, яЯ уверен, что есть документ W3C о том, почему это так, но это так.Если вы хотите убрать что-то, что является верхним элементом контейнера, вам нужно использовать вместо него заполнение родительского элемента.