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!

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.

Você passa horas montando seu código, olha no firefox e está perfeito, quando manda para o cliente ele fala "isso aqui está todo torto!", ai você responde, não está não, eu testei! agora eu pergunto, testou mesmo?

segundo o W3Counter até o dia de Hoje, a lista dos Top 10 Browsers é a seguinte:

seguido da lista das Top 10 Resoluções:

No fim das contas a boa noticia é que vc não precisa mais montar layout de 750px de Largura, pode ir pros 975px de largura sem ter medo da barra de rolagem horizontal, mais por outro lado ainda tem que testar no IE6, eu sempre resmungo, porque o IE não é como o MSN que quando tem uma atualização ou você faz ou não pode mais usar.

agora como testar todos esses browsers ? simples fica uma lista de onde baixar os principais browsers:

Microsoft Internet Explorer 6, 7 e 8 RC1

como o windows não permite mais de uma versão do mesmo navegador, uso o IE Tester para emular todas as versões necessárias.

Mozilla Firefox 3

aproveite e pegue os plugins para desenvolvedores aqui!

Apple Safari 4

o safari 4 está um show aparte, se você ainda não testou arrisco dizer que chegou com "pé na porta, tapa na cara" dos outros navegadores, navegação que lembra o Chrome, com ferramentas para desenvolvedores que não ficam a dever para o firefox.

Google Chrome

O Navegador do google, sem dúvida nem um outro navegador carrega os sites do google tão rapido quanto ele, pois ele tem boa parte das coisas em cache.

Bem, esses são os que não podem faltar na sua lista, agora se você é um cara (ou moça) mais exigente, você pode completar essa lista com o Opera, Natscape, Girafa e outros. Fica a dica.