как мне печет от версткиКак прижать содержимое ебаного дива к низу?Сначала я ебался с тем, как растянуть оставшийся див по высоте, сделал так:body,html {height: 100%;width: 100%;display: table;}header {height: 50px;display: table-row;}#content {height: 100%;display: table-row;}footer {height: 30px;display: table-row;}Думаю тут все понятно и структура с элементами не нужна. Внутри #content есть 2 дива, один нужно чтобы лип к верху, а другой к низу, как так сделать?
<bump>
http://htmlbook.ru/css/vertical-alignСлучаем не оно?
>>136866501 (OP)#content {... тут твои стили типа ага ...position: relative;}#content > .topdiv {position: absolute;top: 0;}#content > .huidiv {position: absolute;bottom: 0;}
>>136866501 (OP)> display: table;> display: table-row;За такие приемы у нас в студии сразу по ебалу дают
padding-bottom:0;
>>136866913налазит на футер и хедер
>>136867098ну так скажи как сделать блять? КАК ЕЩЕ МОЖНО БЯЛТЬ СДЕЛАТЬ? КАК БЛЯДЬ?!?!?>>136867116не работает
>>136867215>>136866913Ты совсем слепой?
>>136867266а ты?>>136867129
Такие вещи лучше верстать через flexbox.
бамп
>>136867301Ебать ты тупойpadding-bottom не работает - второе от другого анона и пробовать не буду?
>>136867560довн? я же написал тебе что по твоему совету ОНО НАЛАЗИТ НА ФУТЕР И ХЕДЕР!>>136867533какие вещи? это сверх задача чтоли?
>>136867533Люто плюсую. Когда шапка и подвал должны быть внизу, даже когда между ними нет контента, то это самый рабочий вариант.* { 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;}
>>136866501 (OP).content { flex: 1 0 auto;}.footer { flex: 0 0 auto;}Читай про flex box и и не воняй тупизнойdimox.name/press_footer_bottom_with_css/
>>136867879лан ща почитаю
>>136866501 (OP)фидли запили, даунhttps://jsfiddle.net/
>>136870520запилил