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 */
}
[/sourcecode]
E se fosse max-height seria assim :
[sourcecode language="css"]
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.
Impressionante como conhecimento nunca se esgota…
Ótima dica!!
Pingback: Você não precisa de css hacks | TidBits
Boa artimanha.
Excelente !
Show de bola, eu estava fazendo via javascript, mas não estava funcionando em todos navegadores.
Muito legal!
valeeeu!
funcionou direitinho no ie…
Pingback: min-height e max-heigth para IE « Francis G.
It worked perfectly! Thanks a lot for the explanation.
IE brings us a bunch of challenges in order to make our User/Client Experience even better.
Congrats!
Muito bem, me ajudou. Mas não tem como por os dois exemplos que você mostrou no mesmo css. (o max e o min)
Muito bom!!!
Isto do IE é sempre uma dor de cabeça para os programadores.
Ficou a funcionar na perfeição!
Obrigado Danilo ;)