/* 1) Делаем обёртку всех блоков гибкой и растягиваем на экран */
html, body { height: 100%; }
#allrecords {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

/* 2) Блоки не схлопываются при нехватке места */
#allrecords .t-rec { flex-shrink: 0; }

/* 3) Прижимаем к низу последний ВИДИМЫЙ блок (футер) */
#allrecords .t-rec:last-child {
  margin-top: auto !important;
}