Как прижать футер к низу в такой верстке?

Question

[Javid Asgarov]

Вот примерный каркас накидал - jsfiddle.net/Askerov/tnedrhxb . Сайдбар слева должен тянуться от начала до конца, но это неважно. Главное, чтобы справа контент и футер, где футер должен быть прижат к низу. Есть идеи без позиционирования или скриптов? Стандартные методы вроде не работают, или я их неправильно использую

Answer 1

[Николай Колесниченко]

Например так.
jsfiddle.net/tnedrhxb/1

Comments

[Javid Asgarov]

Я просил "Есть идеи без позиционирования или скриптов?".

[Николай Колесниченко]

jsfiddle.net/tnedrhxb/2 м?

[Николай Колесниченко]

Javid Askerov: Но это если известна ширина футера. Ибо нужно делать отрицательный марджин.

[Николай Колесниченко]

Высота футера*

[65536]

Николай Колесниченко: jsfiddle.net/tnedrhxb/3

[Javid Asgarov]

Спасибо, так нормально.

[Javid Asgarov]

Ну или не очень, тем более сайдбар я по другому сделал, а не 100vh, который не работает. В общем, может сам что-нибудь придумаю. Спасибо за помощь, энивей.

[Николай Колесниченко]

Не, подождите, оно едет если высота контента больше высоты сайдбара. Сейчас придумаем)

[Javid Asgarov]

Сайдбар еще " min-height: 100%;
height: 100%;
padding-bottom:32767px;
margin-bottom:-32767px;
overflow:hidden;" вот так работает, так как 100vh я просто как заглушку поставил, не совсем правильно работает

[Javid Asgarov]

Тянущийся сайдбар на всю высоту нужен нормальный, метод выше тоже кривой какой-то.

[Николай Колесниченко]

Имхо. Прежде всего вам нужно копать в сторону одинаковых по высоте колонок. Когда их поровняете, уже будет проще разобраться с прибитым к низу футером.

JS и абсолютное позиционирование из каких соображений не хотите использовать?

[Javid Asgarov]

Из соображений эстетики, наверное. Желательно мне пересмотреть всю структуру, что-нибудь придумаю. в крайнем случае, можно и позиционирование или скрипты

[faragly]

Javid Askerov: display: flex не рассматриваете как вариант?

Answer 2

[65536]

вот здесь можете сгенерить и посмотреть csstemplater.com

Comments

[Javid Asgarov]

Там сайдбар обычный получается все равно и футер, прижатый к низу под сайдбаром и контентом. А нужно только под контентом, справа от сайдбара.