0

Пока решил только с JS. Условия:

  1. Стандартное поведение футера прижатого к нижней границе экрана.
  2. Никакого JS.
  3. Высота футера явно не задана.
  4. Элемент списка

То есть при лоюбой высоте подвала он не заползает на контент, он прижат к низу окна если conent.height + footer.height > window.height.

strangerliquid
  • 11
  • 4й пункт непонятен. еще вопрос - html5/css3 можно ? – zb' Apr 27 '13 at 18:37

2 Answers2

1

Нелогично, но это лучшее, что у меня получилось: http://jsfiddle.net/2Dp7k/

body — таблица

body > .row — строка таблицы

body>.row> header, body>.row> article, body>.row> footer — ячейки

body>.row> footer — высота: 0

Bars
  • 2,650
0

Попробуй добавить в стиль футера:

 bottom: 0;
navi1893
  • 1,882
  • 1
    тогда, ведь надо будет контент-блоку высчитывать динамически padding-bottom, чтобы он не наползал на футер. – strangerliquid Apr 27 '13 at 14:58
  • ну добавьте к контенту в конце блок заведомо выше футера. http://jsfiddle.net/oceog/unMcD/ или даже так – zb' Apr 27 '13 at 18:50