Саморастягивание по высоте экрана ... возможно ?
Автор: Елена Максимова
Просмотрено 1446,
Подписчики 1,
Размещенный 0
Здравствуйте. Подскажие пожалуйста, как может называться основной блок сайта, что бы его указать в коде для того чтобы шапка всегда была привязана к вверху сайта, подвал к низу сайта, а расстояние между шапкой и подвалом саморастягивалось в зависимости от разрешения экрана.
www.мульки-придумки.рф если на сайте воспользоваться поиском то при выдаче результата, подвал подпрыгивает под меню, а подним пустое поле ... или если зайти в http://мульки-придумки.рф/business_cards_from_various_materials.html там где мало наполнения подвал также подпрыгивает ...
вариант прописать минимальную высота не работает для поиска ...
Размещено
В 13 тут, ищите у себя нечто подобное
Автор
у меня нет изображения, есть контент и меню ... положение повторять по вертикале не работает ...
пока решил только так вопрос добавив в код
<style type="text/css">
#imFooter{
position: fixed; /* Фиксированное положение */
bottom: 0; /* Левый нижний угол */
padding: 0px; /* Поля вокруг текста */
z-index: 13;
}
#imFooterBg{
position: fixed; /* Фиксированное положение */
bottom: 0; /* Левый нижний угол */
padding: 0px; /* Поля вокруг текста */
width: 100%; /* Ширина слоя */
z-index: 12;
}
</style>
но при его добавлении он перекрывает часть контента ... а если поставить absolute не работает ...
по идеи
#imPage {
height: 100%
}
должно было решить проблему но результата нет ... надо найти название области между Хедером и Футером ... но я не могу найти ее название ...
Автор
Пока выход нашел один выше упомянутый кусок кода и на каждой странице пустой блок на высоту подвала ... но хотелось бы более простой способ, чтобы в основном меню при выборе контента была галочка автоматическая настройка высоты ... чтобы на страницах с малым количеством информации подвал прижимался к низу окна браузера ...
не совсем понятно что у вас случилось , скиньте скрин подпрыгнутого подвала к меню.... может подпрыгивает из за того что минимальная высота блока стоит 520?
это прилепит ваш футер к низу:
#imFooterBg{
position: fixed !important;
z-index: 10001;
}
#imFooter{
position: fixed !important;
bottom: 0;
z-index: 10002;
}
ваша область, как вы называете, между хедером и футером - #imContent
вам стоит почитать http://shpargalkablog.ru/2013/06/layout.html
Автор
высота блока задана, но угадать какое будет разрешение и заранее выставить нужную высоту не реально ...
хотелось бы в программе выставить процентное значение, чтобы подвал автоматически ровнялся по нижнему краю окна браузера, а блок с наполнением по высоте автоматически растягивался до верхнего края подвала ....
вам стоит почитать http://shpargalkablog.ru/2013/06/layout.html
читал подобное + с ваш код + еще строки из разных мест - наворотил методом перебора, то что сейчас на сайте www.мульки-придумки.рф ...
но покупая программу за 10 рублев, хотелось бы не играть в программера и не сувать кусок кода после различных тегов, собирая инфу на просторах интернета ....
ну так прилепите футер на тех страницах на которых вам нужно к низу, а на остальных не трогайте ... если блок будет растягиваться то и содержимое должно быть указано в процентах.... программа делает не резиновые сайты а адаптивные....