Прижать Footer

Задача: два блока с класами content и footer. надо сделать так чтобы footer был всегда в низу страницы.

Решение: Растянуть блок content на весь экран, а footer либо добавить внизу и сделать минусовый отступ, либо сделать ему абсолютное позыционирование
<style >

html,body {
height: 100%;
}

.container {
height:100%;
min-height:100%;
height:auto !important;
margin-bottom: -100px;
}

.footer{
height:100px;
}

<style />

Ну плюс, надо в .container в конце поместить блок .wrap высотой равной футеру(height:100px;) потестить, возможно прийдеться фиксить в ИЕ6, но это нюансы, тестить лень для шпоры сгодиться и так :)

Fix IE6 (нечётный пиксель...)

Это когда блок имеет ширину , в нечётное количество пикселей, Ослик считает что 100% ширины это должно быть чётное количество пикселей, и потому возникает отступ в один пиксель.
Как бороться с этим? да просто :) видел в интернете вариант с експрешенами(не валидное создание майкрософта), есть вариант проще:

папа-блок с шириной допустим - 251px, а в нем блок с класом block.
.block{
width: 20px;
position: absolute;
margin-left: 100%;
left: -20px;(ширина блока)
}

а если бы дать просто right: 0;, то был бы чудесный однопиксельный отступ справа :)

Версия для печати.

Заметил что народ не знает (или не помнит) что версия для печати делается простым подключением ещё одного цсс-файла:
<link rel="stylesheet" type="text/css" href="print.css" media="print" />

в этом файле, надо будет по выключать картинки (баннеры и т.д.)
а так же, не забывать что контент должен быть шириной не больше 550px;

вот, и всё наверное... а есть ещё в цсс такие свойства как:
page-break-after, page-break-before, page-break-inside.
зачем, нужны думаю догадаетесь :)