#css #html #height #sidebar
#css #HTML #высота #боковая панель
Вопрос:
Я загрузил пример здесь: http://vizakenjack.narod2.ru/testpage2.html
Моя проблема — боковые панели со 100% высотой. Если содержимое составляет всего 1 строку текста, боковые панели должны занимать весь экран. В противном случае, если содержимое больше экрана, боковые панели должны прокручиваться вниз до конца страницы.
Я попытался установить положение: относительно тела. Боковые панели подходят, когда контент представляет собой большую статью, но когда статья маленькая, они не подходят на 100% высоты.
Ответ №1:
Классический пример для http://www.alistapart.com/articles/holygrail /. Прочитайте это, добавьте в закладки, всегда держите рядом.
Комментарии:
1. но я не использую нижний колонтитул. Это все то же самое?
2. Да, нижний колонтитул не является обязательным.
3. Какой из этих примеров я должен использовать? Я посмотрел на alistapart.com/d/holygrail/example_3.html , но если я удалю нижний колонтитул, боковые панели не поместятся в нижней части страницы.
4. Ах, я вижу — вы хотите, чтобы столбцы доходили до нижней части окна, даже если содержимое недостаточно длинное. Попробуйте добавить padding-bottom:9999px и margin-bottom:-9999px к стилям для двух столбцов боковой панели.