Нежелательные белые области на странице HTML

Question

Я создал сайт, используя CSS с нуля.

Страница CSS

Случайно появляются нежелательные пробелы в двух местах:

• Над основной областью содержимого (ниже строка меню).
• ниже основной области содержимого и боковой панели и над нижним колонтитулом.

Я экспериментировал с различными методами решения проблемы, такими как поля и отступы, но, похоже, они не работали.

Что я мог сделать, чтобы избавиться от этих белых областей?

Answer 1

Дополнительный пробел берется из таблицы стилей браузера по умолчанию. Добавьте эти правила:

h2 {
    margin: 0;
}

h4 {
    margin: 0;
}

Чтобы решить эту проблему и предотвратить будущие, я рекомендую использовать сброс CSS. Эрик Мейер является широко рекомендуемым; Еще одним хорошим вариантом является YUI CSS Reset .

Answer 2

Вам нужен сброс CSS. Например, пробел под строкой меню вызван полями браузера по умолчанию .maincontent h2.

Лично я предпочитаю сбрасывать стили для селекторов, которые я использую, но есть общие сбросы CSS, такие как Эрик Мейер Сброс CSS .

Answer 3

попробуйте добавить следующее в начало вашей таблицы стилей:

body, h1, h2, h3, p
{
margin:0;padding:0;
}

Это гарантирует, что отступы / поля по умолчанию для всех браузеров будут установлены в 0, так что это соответствует.Затем вы можете добавить отступы / поля, где вам это нужно.

Answer 4

1.) Верхний край главной страницы имеет заголовок 19 пикселей. Это приводит к тому, что 19 пикселей области белого пространства. 2.) Весь нижний колонтитул имеет верхнее поле 21 пикселя. Это приводит к тому, что 21 пиксельная область пустого пространства. Также, для решения проблемы ниже боковой панели, решение 1 + 2 может автоматически решить эту проблему.

Answer 5

Вы проверили свой CSS в IE?

.maincontent { background: #0F3; height: 300px; width: 580px; float: left; }

В основном вам нужно добавить float:left; к вашему основному контенту css

Answer 6

Ваш основной контент h2 и нижний колонтитул h4 оба имеют поля (.83em и 1,33 em соответственно), установите их оба на 0