HTML & CSS вопрос: элемент между двумя элементами с абсолютным позиционированием должен корректно изменить размер - PullRequest
1 голос
/ 24 июня 2009
#header
{
    position: absolute;
    top: 0%;
    height: 24px;
}
#body
{
    position: absolute;
    top: 24px;
    bottom: 20%;
    overflow: auto;
}
#footer
{
    position: absolute;
    bottom: 0px;
    height: 17.2%;
    min-height: 80px;
    overflow: auto;
}

Моя проблема в том, что когда я сжимаю окно браузера, средний элемент («тело») начинает скользить в область нижнего колонтитула (когда 20% снизу становится больше, чем минимальная высота нижнего колонтитула). Нижний колонтитул может быть больше по высоте, чем его минимум, но он не может быть меньше.

Есть ли хороший способ сделать это без кода Javascript?

Ответы [ 2 ]

1 голос
/ 24 июня 2009

Нет. Когда элемент позиционируется абсолютно, он удаляется из потока документа и не знает никаких других элементов.

Я не видел решения с липким нижним колонтитулом, которое будет работать с нижним колонтитулом переменной высоты.

1 голос
/ 24 июня 2009

Есть несколько примеров верхних колонтитулов и нижних колонтитулов на Dynamic Drive. Это чистые примеры макетов CSS.

Вы должны быть в состоянии достичь того же эффекта с комбинацией этих двух.

...