WebSite X5Help Center

 
Елена Максимова
Елена Максимова
User

Саморастягивание по высоте экрана ... возможно ?  ru

Автор: Елена Максимова
Просмотрено 1292, Подписчики 1, Размещенный 0  

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

www.мульки-придумки.рф  если на сайте воспользоваться поиском то при выдаче результата, подвал подпрыгивает под меню, а подним пустое поле ... или если зайти в http://мульки-придумки.рф/business_cards_from_various_materials.html там где мало наполнения подвал также подпрыгивает ...

вариант прописать минимальную высота не работает для поиска ...

Размещено
8 Ответы - 1 Полезно
Равиль Х.
Равиль Х.
User

В 13 тут, ищите у себя нечто подобное

Читать больше
Размещено От Равиль Х.
Елена Максимова
Елена Максимова
User
Автор

у меня нет изображения, есть контент и меню ... положение повторять по вертикале не работает ...

пока решил только так вопрос добавив в код  

<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%

}

должно было решить проблему но результата нет ... надо найти название области между Хедером и Футером ... но я не могу найти ее название ...

Читать больше
Размещено От Елена Максимова
Елена Максимова
Елена Максимова
User
Автор

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

Читать больше
Размещено От Елена Максимова
Aleksey K.
Aleksey K.
User

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

это прилепит ваш футер к низу:

#imFooterBg{
    position: fixed !important;
    z-index: 10001;
    }

#imFooter{
    position: fixed !important;
    bottom: 0;
    z-index: 10002;
    }

Читать больше
Размещено От Aleksey K.
Aleksey K.
Aleksey K.
User

ваша область, как вы называете, между хедером и футером - #imContent

Читать больше
Размещено От Aleksey K.
Елена Максимова
Елена Максимова
User
Автор
Aleksey K.
не совсем понятно что у вас случилось , скиньте скрин подпрыгнутого подвала к меню.... может подпрыгивает из за того что минимальная высота блока стоит 520? это прилепит ваш футер к низу: #imFooterBg{     position: fixed !important;     z-index: 10001;     } #imFooter{     position: fixed !important;     bottom: 0;     z-index: 10002;     }

высота блока задана, но угадать какое будет разрешение и заранее выставить нужную высоту не реально ...

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

Aleksey K.

вам стоит почитать http://shpargalkablog.ru/2013/06/layout.html

читал подобное  + с ваш код + еще строки из разных мест - наворотил методом перебора, то что сейчас на сайте www.мульки-придумки.рф  ...

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

Читать больше
Размещено От Елена Максимова
Aleksey K.
Aleksey K.
User

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

Читать больше
Размещено От Aleksey K.