Как опустить футер вниз, если у меня все блоки абсолютны?

Question

[del993788]

Здравствуйте. Помогите пожалуйста. Как сделать такую вещь: 2 сайдбара по бокам с фиксированной шириной; блок с контентом по центру, который занимает всё оставшиеся пространство; и футер, который прижат к низу страницы или находится после блока с контентом, если он больше чем окно браузера (короче, самый простой футер)?
Я попытался сделать, но у меня не вышло. Если сайдбар и контент располагаются так, как мне нужно, то вот футер вниз опустить я не могу. Подскажите, как решить эту проблему?
https://jsfiddle.net/fv52yv55/3/

Answer 1

[Ваня Зюзгин]

Без JS никак. Ваши блоки "вне" основного содержания и их высота для всех загадка. А какая такая крайняя необходимость все делать в абсолютном позиционировании?

Comments

[del993788]

да никакой необходимости нет. Я не знаю, как иначе можно сделать плавающий контент и фиксированные сайдбары.

Answer 2

[Глеб Кемарский]

Плавающий контент. Фиксированные сайдбары. Футер внизу. Без абсолютного позиционирования. Годится? https://jsfiddle.net/glebkema/5s7p4dnw/

<div class="left"> Left </div>
<div class="right"> Right </div>
<div class="content"> Content </div>
<div class="clearfix"></div>
<div class="footer"> Footer </div>

.content {
  overflow: hidden;
}
.left {
  float: left;
}
.right {
  float: right;
}
.left, 
.right {
  width: 100px;
}
.clearfix {
  clear: both;
}

Answer 3

[Zhainar]

вот так можно
https://jsfiddle.net/fv52yv55/7/