Я относительно новичок в веб-дизайне, и это мой первый полномасштабный проект, поэтому я заранее извиняюсь, если какой-либо из моих кодов окажется беспорядочным. Резюмируя прямо к точке, я хотел бы сделать пространство между моим основным контентом/оберткой и нижним колонтитулом конкретным размером. Под этим я подразумеваю сокращение пространства в конце страницы до 20 пикселей. Мой код /css был бы слишком длинным для объяснения, поэтому мне интересно, посмотрит ли кто-нибудь, кто знаком с модификатором элемента FF, и посмотрим, смогут ли они понять, что вызывает большой разрыв.
Ссылка на мой сайт: http://guard.neetgroup.net/?
Это почему-то на домашней странице, и ничего не отображается в основной панели контента:
Другие доступные страницы без входа:
http://guard.neetgroup.net/?app=cpanel
Я решил проблему, удалив 100% -ную высоту на обертке и отложив относительную длину страницы.
Сделал некоторые небольшие изменения в вашем css, и я думаю, что получил то, что вам нужно.
CSS
div#wrapper.global {
margin: 0 auto 20px;
}
Затем снимите нижний колонтитул с пробелом id, поскольку он не нужен, и снимите высоту в корпусе.
Это делает нижний колонтитул только 20px под полем содержимого, но не расширяет цвет фона нижних колонтитулов до нижней части страницы. Для этого вам действительно нужно будет снова перекодировать веб-сайт и использовать нижний колонтитул bg в качестве фона тела, а заголовок и контент будут использовать разные цвета фона, поскольку они будут расширяющимся контентом посередине.