[Ответить в тред] Ответить в тред

25/09/16 - Персональное обращение Абу - СБОР ПОЖЕРТВОВАНИЙ НА ДВАЧ
24/09/16 - Персональное обращение Абу
16/08/16 - Запущен Двач Трекер


[Назад][Обновить тред][Вниз][Каталог] [ Автообновление ] 18 | 1 | 7
Назад Вниз Каталог Обновить

Аноним 25/09/16 Вск 15:01:09  136866501  
14748048696360.jpg (26Кб, 512x386)
как мне печет от верстки

Как прижать содержимое ебаного дива к низу?

Сначала я ебался с тем, как растянуть оставшийся див по высоте, сделал так:

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 дива, один нужно чтобы лип к верху, а другой к низу, как так сделать?
Аноним 25/09/16 Вск 15:04:35  136866634
<bump>
Аноним 25/09/16 Вск 15:07:11  136866734
http://htmlbook.ru/css/vertical-align
Случаем не оно?
Аноним 25/09/16 Вск 15:11:03  136866913
>>136866501 (OP)
#content {
... тут твои стили типа ага ...
position: relative;
}

#content > .topdiv {
position: absolute;
top: 0;
}

#content > .huidiv {
position: absolute;
bottom: 0;
}
Аноним 25/09/16 Вск 15:15:14  136867098
>>136866501 (OP)
> display: table;
> display: table-row;
За такие приемы у нас в студии сразу по ебалу дают
Аноним 25/09/16 Вск 15:15:39  136867116
padding-bottom:0;
Аноним 25/09/16 Вск 15:15:55  136867129
>>136866913
налазит на футер и хедер
Аноним 25/09/16 Вск 15:18:10  136867215
>>136867098
ну так скажи как сделать блять? КАК ЕЩЕ МОЖНО БЯЛТЬ СДЕЛАТЬ? КАК БЛЯДЬ?!?!?

>>136867116
не работает
Аноним 25/09/16 Вск 15:19:08  136867266
>>136867215
>>136866913
Ты совсем слепой?
Аноним 25/09/16 Вск 15:19:49  136867301
>>136867266
а ты?
>>136867129
Аноним 25/09/16 Вск 15:23:54  136867533
Такие вещи лучше верстать через flexbox.
Аноним 25/09/16 Вск 15:23:59  136867537
бамп
Аноним 25/09/16 Вск 15:24:19  136867560
>>136867301
Ебать ты тупой
padding-bottom не работает - второе от другого анона и пробовать не буду?
Аноним 25/09/16 Вск 15:26:14  136867636
>>136867560
довн? я же написал тебе что по твоему совету ОНО НАЛАЗИТ НА ФУТЕР И ХЕДЕР!
>>136867533
какие вещи? это сверх задача чтоли?
Аноним 25/09/16 Вск 15:28:05  136867739
>>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;
}
Аноним 25/09/16 Вск 15:30:44  136867879
>>136866501 (OP)
.content {
flex: 1 0 auto;
}
.footer {
flex: 0 0 auto;
}
Читай про flex box и и не воняй тупизной
dimox.name/press_footer_bottom_with_css/
Аноним 25/09/16 Вск 15:31:54  136867951
>>136867879
лан ща почитаю
Аноним 25/09/16 Вск 16:23:27  136870520
>>136866501 (OP)
фидли запили, даун
https://jsfiddle.net/
Аноним 25/09/16 Вск 16:40:16  136871461
>>136870520
запилил

[Назад][Обновить тред][Вверх][Каталог] [Реквест разбана] [Подписаться на тред] [ ] 18 | 1 | 7
Назад Вверх Каталог Обновить

Топ тредов
Избранное