Липкий нижний колонтитул не работает, как планировалось

Question

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

Это мой код для липкого нижнего колонтитула

html, body
{
    height: 100%;
}

#wrapper
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -80px;
}

#footer, .push
{
    height: 60px;
}

Answer 1

Поскольку ASP.NET вставляет основное содержимое в тег form, необходимо установить высоту form на 100%.

Измените свой CSS на следующее, чтобы решить проблему:

html, body, form
{
    height: 100%;
}

РЕДАКТИРОВАТЬ В оболочке вы указываете отрицательное пространство 80px, а в нижнем колонтитуле вы указываете высоту 60px.Это должны быть одинаковые значения, если только у вас нет дочерних элементов, которые увеличивают высоту нижнего колонтитула.Попробуйте сделать эти значения одинаковыми (либо 80, либо 60, в зависимости от того, что больше подходит для нижнего колонтитула).