Итак, почему такая странная конструкция body {height:auto !important; min-height:100%; height:100%;}

В этой строке мы указываем высоту для body. Сначала пишем правило height:auto — устанавливать высоту автоматически. Автоматически, значит высота будет зависеть от содержимого блока. Вообще-то, это значение уже и так установлено, оно является значением по-умолчанию. Но мы всё равно его укажем и ниже Вы поймёте почему.

Вторым правилом min-height:100%; мы отмечаем, что МИНИМАЛЬНАЯ высота должна равняться 100% от окна браузера. Таким образом, даже если на странице вообще нет ничего, то блок body всё равно растянется по высоте на все 100% и наш “футер”, найдя его нижнюю точку, прижмётся к ней.

А вот третье правило height:100%; пишется исключительно для устаревшей версии Internet Explore 6, эта версия не поддерживает min-height, а вот правило height в нём чудесным образом работает абсолютно также, как в нормальных браузерах min-height. Это один из многих “багов” IE6.

Теперь, нам нужно сделать так, чтобы современные браузеры не принимали во внимание последнее значение height:100%; Ведь как мы помним, если одно и тоже правило указано с разными значениями, то приоритет получит последнее, а предыдущие будут проигнорированы. Именно для этого мы указываем !important для нужного нам значения. А что же IE6? А это ещё один его баг ) Он всё равно будет читать последниее значение игнорируя !important.

Это “сокращённая запись”, в том смысле, что я указал в одном файле и в одной строке несколько противоречащих правил для разных браузеров и использовал хак. Но, обычно, я так не делаю. Я использую (и Вам рекомендую) сonditional comments для подключения дополнительных css стилей или css-файлов для разных версий IE. В этом случае будет всё выглядеть так

<style type=”text/css”>
body {min-height:100%; position:relative}
…
</style>

<!–[if IE 6]>
<style type=”text/css”>
body {height:100%;}
</style>
< ![endif]–>

Очень надеюсь, что не запутал Вас ещё больше. )

p.s У меня какой-то косяк с плагином BBCode, поэтому conditional comments немного неверно отобразились, но суть наверное Вы уловили.

вы пишете что > “В вышеописанной конструкции мы его используем просто как трюк для сокращения записи.”

как понять “сокращение записи” ??
буду Вам очень благодарен если ответете