Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.07.2017, 08:23
Аспирант
Отправить личное сообщение для LLIypuk Посмотреть профиль Найти все сообщения от LLIypuk
 
Регистрация: 23.07.2015
Сообщений: 48

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

html{
min-height: 100%;
position: relative;
padding-bottom: 60px;
}
footer{
height: 60px;
position: absolute;
bottom: 0;
width: 100%;
}

Однако в данном случае высота футера напрямую связана с padding-bottom у html. То-есть высота выставляются вручную. В моем же случае высота у футера будет зависеть от количества контента, то-есть будет динамической. В этом случае возникает вопрос. Как сделать динамическую высоту у padding-bottom средствами CSS или в крайнем случае JS (jQuery)?

Последний раз редактировалось LLIypuk, 29.07.2017 в 08:25.
Ответить с цитированием
  #2 (permalink)  
Старый 29.07.2017, 10:52
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

LLIypuk, flex-box
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Верстка под CMS Smike (X)HTML/CSS 5 29.10.2014 19:45
Верстка бесплатно (для моего портфолио) Alex_1986 Работа 0 21.04.2014 12:05
прижатие футера к низу, но не поднятие его к верху при ресайзе? Kvark Элементы интерфейса 4 25.08.2013 11:30
Требуется верстка с использованием bootstrap projectdev2012 Работа 0 31.03.2012 19:35
Верстка в две колонки greatilya (X)HTML/CSS 8 05.08.2011 00:40