По идее он должен упираться в сайд-бар или контент. Если нужно, что бы всеггда была минимальная высота контента. Внимание! min-height или я не правильно тебя понял.

Так чему этот min-height указывать? Ведь у меня content содержится и в header'е и в двух section'ах.

>И без добавления всяких «лишних» дивов в мой HTML.

Это ты слишком в пуризм ударился. Пока ::outside() нигде не работает лишние дивы это реальность.

Братишь, но ссылку на свой сайт ты не дал же. Поэтому и предположил обычную схему. Где у тебя, что не знаю. Обычно side-bar более менее фиксированный, а div-content разный. И что бы прибить footer к низу, достаточно обеспечить div-content'у какую-нибудь минимальную постоянную высоту. А footer и болтается снизу под ним.
Будет понятней, если выложишь минимально (не)рабочий кусок. А то говорим о разном.

Нагуглил много вариантов решения, но ни один мне не нравится.

А можно узнать чем так не нравятся данные решения? Условиям задачи вполне удовлетворяют, не?

footer{position:absolute;bottom:0;}

буээ.

А может просто добавить контента?

Это самый лучший способ.

http://www.cssstickyfooter.com

html, body min-height 100% как-то так

но сама идея лепить футер вниз экрана когда контента мало мне кажется устаревшей

HTML5

http://is.gd/ohngOH

но сама идея лепить футер вниз экрана когда контента мало мне кажется устаревшей

Да, особенно при высоком разрешении смотрится глупо.

Это делается легко.

1. body {height:100%} - и контейнеру в котором лежит весь контент min-height:100% и position:relative

2. footer {heigh:высота футера;position:absolute;bottom:0;left:0;right:0;}

3. Весь контент обиваешь cнизу на высоту_футера

Это css-ом ещё под ie6 делалось. Точный пример не приведу - давно это было. Но направление такое. Там ЕМНИП 2-3 способа вертикальной резины

Вау! Мне понравилось, заюзаю.

Смотря что содержит футер, часто это логично. Если содержит какието кнопки, ссылки типа контактов, то почему нет?

онанимусов не спрашивали.

Что, правда? А про http://html5boilerplate.com/ знаешь? Есличо, тоже можно юзать)

О, да. Не знал, спасибо.

Появляется скроллбар, если указать высоту в em, а не в px.

ламеры, пихающие position:absolute куда не следует не нужны.

это не костыль. фиксированное позиционирование здесь не нужно, а абсолютное вполне себе подходит для этих целей. яваскрипт и онанимусы не нужны.

Действительно, чем плохо абсолютное позиционирование? В моём случае вижу его хорошим выходом.

Это самый лучший способ.

</td><td>

//fix Даже в гугле верстают на таблицах.

Ты так говоришь, словно в гугле не пишут индусокод.