Ростолкуйте CSS правило

[kozakmamai]

min-Height работающий в FF, IE6, IE7, Opera

.minHeight {

min-height: 200px;

height: auto !important;

height: 200px;

}

Растолкуйте плиз, как браузеры читают правило и почему соответственно работает во всех.

[Fu-tai]

Да как бы все просто!

Правило на минимальную высоту блока.

.minHeight {

min-height: 200px; - минимальная высота блока 200px. Это правило для Оперы и Файрфокса ИЕ как 6ой так и 7ой игнорируют его.

height: auto !important; - высота блока автоматическая. Это правило является приоритетным. Для того чтобы блок мог тянутся в высоту.

height: 200px; - высота блока 200px меньше этой высоты блок быть неможет. Это правило для ИЕ. Ибо он тупой как пробка и раз сказано 200 то значит 200 и ты хоть тресни.

Собственно весь стиль описывает кросбраузерное решение для реализации тянущегося в высоту блока с минимальной высотой в 200px.

Воть.

}

[musulman]

+1

[vr201]

body {
  height: auto !important;
  height: 100%;
  min-height: 100%;
}

Как ни странно, это работает. Альтернативные браузеры правильно обрабатывают !important, поэтому из двух объявлений height срабатывает первое. IE не понимает !important, поэтому в н?м побеждает второе объявление. (Напомним, что в CSS из нескольких конфликтующих объявлений при прочих равных выигрывает то, которое ид?т последним.) Это второе объявление в IE по‑прежнему срабатывает неправильно, поэтому и получается то, что надо

взято с http://webtest.chebykin.ru/articles/footer/

[yopopt]

IE немного специфически, но понимает !important: http://forum.htmlbook.ru/index.php?showtopic=5931

[Ekstazi]

Ага, и пашет только в режиме совместимости со стандартами... )

[homm]

Напомним, что в CSS из нескольких конфликтующих объявлений при прочих равных выигрывает то

Напомню только то, что в CSS объявления не могут конфликтовать. Есть строгие одназначные правила расстановки приоритетов различных стилей, если я не ошибаюсь именно на незнании этих правил браузерами и играют тесты ACID.

Ага, и пашет только в режиме совместимости со стандартами... )

Дак в режиме совместимости, или в стандартном режиме?