Всем привет!
Зайдите пожалуйста на страницу
http://vtasks.my-demo-apps.tk/admin/tasks
там будет страница с логином - он введен по умолчанию
Я делал верстку с использованием flex но как-то скосячил и если список в админке большой то фон
внизу другой : https://prnt.sc/r8l6ey
Как это испроавить?
Спасибо!
Полная Версия: В списке админки другой фон
в стилях поправь
вместо height: 100%;, поставь height: auto;
вместо height: 100%;, поставь height: auto;
#app {;
...
height: auto;
Спасибо! Так помогает - но если страница маленькая, то получется футер не в самом низу и внизу белая полоса.
для того и ставился чтобы футеер всегда был внизу...
Совместить никак нельзя ?
height: 100%
для того и ставился чтобы футеер всегда был внизу...
Совместить никак нельзя ?
mstdmstd Разобрался смотрю ?...
| Цитата (mstdmstd @ 3.03.2020 - 15:56) |
| Спасибо! Так помогает - но если страница маленькая, то получется футер не в самом низу и внизу белая полоса. |
html, body {
height: 1px;
min-height: 100%;
}
Нет не получилось
Проблема остается если на страницу с маленьким списком
http://vtasks.my-demo-apps.tk/admin/skills
там будет страница с логином - он введен по умолчанию
Совет от killer8080 - также не помог
mstdmstd
сделай так
сделай так
#app {
...
height: auto;
min-height: 100%;
...
}
| Цитата (mstdmstd @ 5.03.2020 - 11:49) |
| Совет от killer8080 - также не помог |
От чего же не помог? Я вижу что помог
Фон урезается потому что высота #app забита в процентах. Родителем является body и html, если их высота не задана, то будет определятся высотой контента. если забита в процентах, то высотой вьюпорта соответственно. Чтобы не допустить уменьшение высоты меньше вьюпорта, нужно задать минимальную высоту 100%, но свойство min-height в процентах для корневого элемента не будет работать, если высота не задана явно. Для этого хак height: 1px;. Для #app тоже нужно задать min-height: 100%
Здесь расположена полная версия этой страницы.