Шаблон веб-страницы, где контент занимает всю высоту окна просмотра, если имеет 1 строку минус нижний колонтитул

Я ищу шаблон веб-страницы на основе CSS, в котором основное содержимое div занимает всю высоту порта просмотра (за вычетом высоты заголовка и нижнего колонтитула), когда в его содержимом мало строк. Нижний колонтитул должен находиться внизу области просмотра, а не прямо под содержимым, где он находится ближе к середине области просмотра. Область содержимого должна расширяться по вертикали, чтобы соединиться с верхней частью нижнего колонтитула.

Если для содержимого требуется больше места, чем область просмотра, то нижний колонтитул может располагаться внизу веб-страницы (вместо нижней части окна просмотра) как стандартный веб-дизайн.

Ссылка на конкретную ссылку или образец кода приветствуется. Не упоминайте сайт-шаблон и попросите меня поискать там. Должен работать как минимум в IE 6 и FF. Если требуется JavaScript, все в порядке, если браузер не поддерживает JS, по умолчанию нижний колонтитул помещается внизу области содержимого без нарушения макета.

Эскиз к кейсу №1:

--------------   <-----
header area  |         |
-------------|         |
small content|         |   
             |     view-port
             |         |
             |         |
-------------|         |
footer area  |         |
--------------   <-----


all other cases:

--------------   <-----
header area  |         |
-------------|         |
big content  |         |   
             |     view-port
             |         |           
             |         |
             |         |
             |         |
             |    <----      
             |         
-------------|         
footer area  |         
--------------