Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Прижать DIV к экрану / 2 сообщений из 2, страница 1 из 1
22.02.2017, 15:21
    #39409187
-=Koba=-
-=Koba=-
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прижать DIV к экрану
Есть 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
| Ответить | Цитировать | Написать  
27.02.2017, 08:32
    #39410585
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прижать DIV к экрану
-=Koba=-Я хочу чтоб
Начинай тренироваться...
http://csstemplater.com
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Прижать DIV к экрану / 2 сообщений из 2, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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