Как сверстать такие блоки?

Question

[axel]

Доброго времени суток!
Помогите, пожалуйста, как сверстать такую структуру:

Блоки 1 и 3 должны быть постоянно закреплены, в них лежат поля ввода/выбора, соответственно, их высота может меняться, в зависимости от ширины экрана (поля могут туда-сюда съезжать/подниматься).
В блоке 2 будет таблица, которая должна прокручиваться влево/вправо, вверх/вниз.
Блок 2.1 под таблицей - это пагинация, то есть, он тоже должен быть всегда закреплен под таблицей.
Как это реализовать?

Answer 1

[AlexanderShustik]

Мне кажется как-то так:
https://jsfiddle.net/alexandershustik/8wy4qkbo/

Answer 2

[nikfakel]

Второй способ скорее всего подойдет вам лучше всего dimox.name/press_footer_bottom_with_css

Если нет, то только JS.

Comments

[axel]

Я уж и пытался сделать на JS, с я от высоты окна документа отнимал высоты блоков 2 и 3, не вышло ничего все равно, не правильно работал скрипт.

[nikfakel]

А на CSS то получилось или нет? Не забудьте указать html, body и всем тегам до нужных высоту 100%