Проблемы с футером css

Question

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

то есть это выглядит так

Позвольте мне описать макет. Мне нужен заголовок = 100% ширины страницы с фиксированной высотой.Я не хочу, чтобы это плавало.content = минимальная ширина 760 пикселей, максимальная 1000 пикселей Высота до конца страницы.Но не перекрывайте нижний колонтитул.Нижний колонтитул должен быть сдвинут вниз.Если содержание меньше 100%, нижний колонтитул должен быть внизу, а не перемещаться вверх.нижний колонтитул = 100% ширины страницы и всегда в нижней части содержимого.

Теперь проблема, с которой я столкнулся, заключается в том, чтобы нижний колонтитул переместился вниз.Я могу заставить его идти ниже содержимого div, но не до конца страницы.

Как бы я достиг этого в CSS?Кажется ужасно трудным делать такие простые вещи.

Answer 1

Требуется абсолютная позиция с нижним: 0

Вы также хотите убедиться, что z-индекс высокий, чтобы контент проходил под ним (ну, это действительно ваш выбор).

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

Answer 2

См. Этот код для множества различных форматов.

Проверьте мою реализацию здесь .

Answer 3

Полезные ссылки:

• css-fixed-footer
• fixed-footer
• an-old-creation-of-fixed-footer

Я бы подумал:

получить атрибут min-height для содержимого div (мог бы)как всегда, нужно обойтись с IE)

или получить абсолютное позиционирование нижнего колонтитула снизу и установить отрицательное поле сверху, скажем, если высота нижнего колонтитула зафиксирована на 50px, тогда установите margin-top на -50px

Извините, я сейчас работаю, поэтому не могу создать демонстрационную страницу:)

Одна из важных особенностей этого дизайна - убедиться, что решение работает для всех современных браузеров.