ДD
Можете посоветовать хороший курс по html и css?
Size: a a a
2020 September 02
IN
Дмитрий Dima
Можете посоветовать хороший курс по html и css?
htmlacademy
БА
Привет! Есть боковое меню:
.sidenav {
display: flex;
flex-direction: column;
overflow: hidden;
&__logo-wrapper {
display: flex;
justify-content: center;
padding-top: 60px;
padding-bottom: 60px;
}
&__logo {
$size: 40px;
width: $size;
height: $size;
}
&__content {
margin-bottom: 100%;
flex-direction: column;
overflow-y: auto;
}
&__footer {
/*width: 100%;
*border-top: 1px solid #E9E9E9;
*cursor: pointer;*/
}
Как бы мне прикрепить футер к низу? Желательно без position: absolute. Цель, чтобы контент между хедером и футером скролился, а скролл начинался с конца хедера и заканчивался с началом футера. Спасибо!
.sidenav {
display: flex;
flex-direction: column;
overflow: hidden;
&__logo-wrapper {
display: flex;
justify-content: center;
padding-top: 60px;
padding-bottom: 60px;
}
&__logo {
$size: 40px;
width: $size;
height: $size;
}
&__content {
margin-bottom: 100%;
flex-direction: column;
overflow-y: auto;
}
&__footer {
/*width: 100%;
*border-top: 1px solid #E9E9E9;
*cursor: pointer;*/
}
Как бы мне прикрепить футер к низу? Желательно без position: absolute. Цель, чтобы контент между хедером и футером скролился, а скролл начинался с конца хедера и заканчивался с началом футера. Спасибо!
Футеру надо задать position: fixed; bottom: 0
АО
Скиньте пожалуйста бесплатные слитые курсы по html academy
IN
Артем Однакин
Скиньте пожалуйста бесплатные слитые курсы по html academy
нет
AK
Всем привет
Есть проект, многостраничный сайт. Нужен верстальщик. Кому интересно - пишите в личку, скину макеты
Есть проект, многостраничный сайт. Нужен верстальщик. Кому интересно - пишите в личку, скину макеты
D
Футеру надо задать position: fixed; bottom: 0
спасибо за ответ, но проблемы это не решило
K
Всем привет, есть кто может помочь поправить маркап на бутстрапе довести до соответствий с макетами и накидать пару секций? За $
l
@mindgap фанбокс все, вакансию убрал?)
AC
подскажите если я добавил блок на уже существующий сайт, сейчас тестирую, на компе норм, а на телефонах он вообще исчезает, что это может быть? opacity 1 прописал, все равно пропадает
l
Значит стоит медиа запрос чтобы блок исчезал
l
И у него ставится display:none
AC
скорее может прописан прописан бутстраповский класс hidden-xs, а а еть ли обратный бутстраповский класс этому? или это в медиазапросах надо ковыряться?
l
Посмотри в документации бутстрап по-моему есть
BS
Привет! Есть боковое меню:
.sidenav {
display: flex;
flex-direction: column;
overflow: hidden;
&__logo-wrapper {
display: flex;
justify-content: center;
padding-top: 60px;
padding-bottom: 60px;
}
&__logo {
$size: 40px;
width: $size;
height: $size;
}
&__content {
margin-bottom: 100%;
flex-direction: column;
overflow-y: auto;
}
&__footer {
/*width: 100%;
*border-top: 1px solid #E9E9E9;
*cursor: pointer;*/
}
Как бы мне прикрепить футер к низу? Желательно без position: absolute. Цель, чтобы контент между хедером и футером скролился, а скролл начинался с конца хедера и заканчивался с началом футера. Спасибо!
.sidenav {
display: flex;
flex-direction: column;
overflow: hidden;
&__logo-wrapper {
display: flex;
justify-content: center;
padding-top: 60px;
padding-bottom: 60px;
}
&__logo {
$size: 40px;
width: $size;
height: $size;
}
&__content {
margin-bottom: 100%;
flex-direction: column;
overflow-y: auto;
}
&__footer {
/*width: 100%;
*border-top: 1px solid #E9E9E9;
*cursor: pointer;*/
}
Как бы мне прикрепить футер к низу? Желательно без position: absolute. Цель, чтобы контент между хедером и футером скролился, а скролл начинался с конца хедера и заканчивался с началом футера. Спасибо!
Если у футера фикс высота, то для контента мин-высота: calc(100%-высота футера)
в гугле по этому запросу в первых же ссылках десяток вариантов:) выбирай который подходит больше)
в гугле по этому запросу в первых же ссылках десяток вариантов:) выбирай который подходит больше)
D
Если у футера фикс высота, то для контента мин-высота: calc(100%-высота футера)
в гугле по этому запросу в первых же ссылках десяток вариантов:) выбирай который подходит больше)
в гугле по этому запросу в первых же ссылках десяток вариантов:) выбирай который подходит больше)
спасибо. Мне казалось кроме calc есть очевидные варианты
BS
спасибо. Мне казалось кроме calc есть очевидные варианты
ну он тоже не особо мудрёный) если бы у тебя во Флекс контейнере была обёртка для всего контента и футер, то есть два элемента, то через Флекс гроу для контента решение есть.