169 похожих чатов

Всем привет. Сейчас у меня страница которая при моём разрешении

(1366 × 768) имеет небольшой скролл, но на разрешении 1920x1080 места хватает, и даже есть избыток. Поэтому я прибил футер к низу используя флексы. Теперь в зависимости от того, что я буду писать body и html (height или min-height) у меня либо то, что не помещается на экране будет за пределами wrapper, body, html, либо body не будет брать всё свободное место экрана (при большой высоте экрана). Как сделать чтобы было нормально и со скролом, и со свободным местом?

24 ответов

15 просмотров

Используй например кальк -высота футера от 100vh все будет ровно без скрола как вкопано

Даниил- Автор вопроса
Alexandr B.
Используй например кальк -высота футера от 100vh в...

В таком случае в моём же разрешении всё начнёт лезть друг на друга, нет?

Даниил
В таком случае в моём же разрешении всё начнёт лез...

Ещё мон так сделать wrapper 100vh display flex, flex-direction column header flex 1 main flex 2 footer flex 1 Кажется так все должно равномерно в 100vh растянуться На контент хз как будет сколов наверн появятся, попробуй

Даниил- Автор вопроса
Даниил- Автор вопроса
Alexandr B.
Ещё мон так сделать wrapper 100vh display flex, fl...

Так а причём тут wrapper, если у меня проблемы возникают уже с body и html? Я их не могу сделать нормально

Даниил- Автор вопроса
Антон Жарков
может в codepen?

ок, сейчас пришлю

Даниил
Так а причём тут wrapper, если у меня проблемы воз...

Чисто из своих соображений яб ниче не вешал на бади кроме дефолтных стилей тип колор фонт сайз и тд

Даниил- Автор вопроса
Alexandr B.
Чисто из своих соображений яб ниче не вешал на бад...

Так а как тогда прибить футер к низу? Если не сказать body растянутся на всю страницу, то и у враппеп будет занимать ровно столько место, сколько нужно для контента. И футер будет сразу под контентом мэйна

Даниил- Автор вопроса
Антон Жарков
я скинул же пример как прибить футер

Вот смотрю его как раз. По работе вроде как раз то, что я хочу. Теперь пытаюсь понять как работает. Хотя бы css часть, потому что с js вообще не дружу. Спасибо

Даниил (1) увеличил репутацию Антон Жарков (6)

Даниил
Вот смотрю его как раз. По работе вроде как раз то...

не за что, там js просто для примера выпадающего контента скрытого

Даниил- Автор вопроса
Alexandr B.
Врапперу дай 100vh не так не прокатит?

В таком случае при маленьком разрешении и появлении скрола из него будет всё выходить

Даниил- Автор вопроса
Alexandr B.
Врапперу дай 100vh не так не прокатит?

Я пробовал просто дать и body и html min-height 100%. В таком случае html растягивается на весь экран, а вот боди нет.

Даниил
Я пробовал просто дать и body и html min-height 1...

https://css-tricks.com/the-holy-grail-layout-with-css-grid/

Даниил- Автор вопроса
ssoyP akabaS
https://css-tricks.com/the-holy-grail-layout-with-...

видимо пора уже выучить гриды, давно собирался

Даниил- Автор вопроса
Даниил
не понял

типа шапка-контент-футер

Даниил- Автор вопроса
ssoyP akabaS
типа шапка-контент-футер

всё равно ничего не понял... Выдернуть я так понял ты имеешь ввиду скопировать, взять себе?

Похожие вопросы

Обсуждают сегодня

/////////////////////////////////////// TChart / TLineSeries - сохранение данных (текстовый файл) /////////////////////////////////////// добрый день / работа с графиком: 1....
livontiy
14
Мне интересно, скорее людей здесь используют D, Rust, C/C++ для решения реальных прикладных задач за деньги?)
Evil Satanson
43
кто поможет крякнуть чит? (реверс инжиринг) чтобы разблокировать премиум версию
Mёdkinson Medvezhkin
39
А как старый хаскел с новым стыковать ? потому как тут работает https://play.haskell.org/saved/C3xpMzcd, а вот тут https://stepik.org/lesson/7602/step/9?unit=1473 нет ошибка C...
Fedor
131
Чем больше разбираюсь с интерфейсами в дельфи, тем меньше понимаю, как работает поиск имен. type IIntf = interface function GetStr: string; end; IChild = interface(I...
Jack128
9
давайте за механические клавиатуры потрём, мне тут неучтенных денег упало и их можно потратить на что-то такое, вот думаю про dark project kd87a, кто-то имеет что-то подобное?
Oleg Nosov
24
Подскажите, сейчас что то есть (JS модуль какой-нибудь), что можно использовать для: 1) переваривания javascript codа из html fileа, т.е. разбивки, на переменные, команды, бло...
Iar De
15
Вопрос по организации кода. Пилю свой велосипед логгер Есть у меня множество уровней сообщений. Я набрасываю сообщения в стринглист, а когда они нужны, вызываю их через функц...
Serjone
21
Ребя, тут спрашивают, что лучше использовать для юзербота на java? 👀
Mars BATYA [NYА]
12
тут же люди сидят начитанные. хочу написать кроссплатформенный анонимный сетевой чат. данный проект ни на что не претендует, скорее просто студенческая работа. можете посовето...
Óðinn
12
Карта сайта