ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Прижать DIV к экрану
2 сообщений из 2, страница 1 из 1
Прижать DIV к экрану
    #39409187
Фотография -=Koba=-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
-=Koba=-
Участник
Есть html

Код: html
1.
2.
3.
4.
5.
<div class="wrapper">
    <div class="boxHeader">HEADER</div>
    <div class="boxContent">CONTENT</div>
    <div class="boxFooter">FOOTER</div>
</div>



Я хочу чтоб
header был всегда прижат кверу
footer прижат к низу, если content маленький, если content достаточно большой, то он не скролился, а весь отображался

Вроде работает 5 пример
http://dimox.name/press_footer_bottom_with_css/

Код: sql
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
.wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.content {
  flex: 1 0 auto;
}
.footer {
  flex: 0 0 auto;
}



НО!!!

Смотрю в отладчике бразуера
<div class="wrapper"> у него получается height 100% но он какой-то обрезанный получается, почему-то
Как сделать, что wrrpaer растягивался на header + content + footer
...
Рейтинг: 0 / 0
22.02.2017, 15:21
| Ответить | Цитировать | Написать  
Прижать DIV к экрану
    #39410585
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
-=Koba=-Я хочу чтоб
Начинай тренироваться...
http://csstemplater.com
...
Рейтинг: 0 / 0
27.02.2017, 08:32
| Ответить | Цитировать | Написать  
2 сообщений из 2, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Прижать DIV к экрану
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]