TiloWR

Todo Desenvolvedor Front-End já precisou de uma div com uma altura minima (min-height) mais não funcionava no lixo do IE6, pois é agente teve problema com um site de cliente que se naum tivese um minimo ele ficava muito estranho, depois de bater a cabeça na parede e tentar se jogar da janela do prédio sem sucesso , pois estavam todas trancadas depois da crise de 29 (não entendeu a piada? Ouve esse podcast!), fui obrigado a procurar uma solução, e cheguei a essa:

.alturaminima100 {
min-height: 100px;
height:auto !important;
height:100px;
}

o segredo é colocar o min-height para o Firefox e todos os outros Browsers e pro IE6 colocar as duas linhas da sequência:

height:auto !important;
height:100px;

o IE 6 vai desenhar o tamanho minimo e almentar quando receber conteudo, lembrando que sempre a melhor opção é Matar o IE6!

O iMaster já tem à algum tempo uma campanha para se livrar do IE6 e já ta valendo qualuqer coisa pra se livrar desse “chato” até instalar na marra na maquina do usuari ouma atualização (dica do Pinceladas da Web), o sistema é simples você monta seu css lindo e maravilho (humm, aho que isso pegou mal) e  não faz hack para IE6 vai no Head do seu site e coloca essa TAG:

<script src="http://imasters.uol.com.br/crossbrowser/fonte.js" type="text/javascript"></script>

isso faz com que ele mostre uma barra sugerindo varios navegadores para o usuario atualizar.

para entender melhor a ideia visite a página da campanha:

http://imasters.uol.com.br/crossbrowser/pt-br/

quem desenvolve web concerteza já passou por um momento como esse ilustrado pelo nerdson, a questão é que não adianta em quanto a microsoft nào fezer com o IE o mesmo que ela faz com o MSN, a atualização Obrigatoria, nos vamos continuar a fazer Hacks pro IE6.

porem qual o hack certo para ser usado?

eu conheço algumas formas de fazer hack, e hoje vou tentar explicar como usa-los;

HTML tag:

Todas as Versões do IE

<!--[if IE]> Conteudo <![endif]-->

IE7 e Superior

<!--[if gt IE6]> Conteudo <![endif]-->

IE7 e Anterior

<!--[if lte IE7]> Conteudo <![endif]-->

esses Hack são principalmete para um conteudo que não está sendo renderisado no IE, você pode colocar uma marcação adicional para ele.

CSS Selector:

IE 7

*:first-child+html body seletor { propriedade: valor; }

IE 6

* html body seletor { propriedade: valor; }

Chrome e Safari

body:nth-of-type(1) seletor { propriedade: valor; }

Opera 9 e anteriores

html:first-child seletor { propriedade: valor; }

use essa forma apenas quando você precisa que uma determinada classe seja vista apenas pelo navegador em questão, isso ajuda muito quando você criou um hack no HTML e precisa tratar esse elemento.