TidBits

Assim com o exemplo de :first-child e :last-child, para usar min-height e max-height é necessário css condicional.

Na verdade é bem simples, vamos supor que temos uma div que tem que ter uma altura mínima pra não “quebrar o layout”

<div class="post">
	Lorem Ipsum Fusce rutrum nibh.
</div>

E agora o CSS para ficar no mínimo com 200px por exemplo:

div.post {
    height: expression(this.scrollHeight <= "200" ? "200" : "auto");
    min-height: 200px; /* para ff, safari, chrome, etc */
}

E se fosse max-height seria assim :

div.post {
    height: expression(this.scrollHeight >= "200" ? "200" : "auto");
    max-height: 200px; /* para ff, safari, chrome, etc */
}

Isso resolve também alguns problemas com float e position absolute onde a div não calcula automaticamente a altura do elemento com float dentro da div.

Você pode se interessar também por:

• Pseudo classes first-child e last-child cross browser usando css condicional
• Você não precisa de uma coleção de css hacks pra todos os browsers
• Como eliminar as diferenças de CSS do IE6 e iE5.x com o ie7.js
• CSS Sprites - Aumente o desempenho do seu site
• Quiz sobre CSS - Teste seu conhecimento
• As melhores ferramentas para validar seu código
• Recurso de impressão amigável - Todo site deveria ter