Os usuários do Microsoft Internet Explorer 6 ( cuspe no chão ), estão a cada sendo mais pressionados a atualizar, dessa vez em uma medida do meu ponto de vista até interessante. Quando o navegador Microsoft Internet Explorer 6 é aberto ele vai direto para uma página com 8 motivos para atualizar o navegador, seriam eles os seguintes motivos:

• Mantenha a rede familiar.
• Use um browser que respeite a sua privacidade.
• Evite golpes de phishing e malware.
• Procurar mais reservado.
• Recuperar de falhas rapidamente.
• Encontre o que você quiser em poucos cliques.
• Torná-lo seu.
• Navegue com mais confiança.

E ainda tem um espaço para sugestões para Microsoft aproveite para xingar sugerir algumas mudanças.

Clique aqui e veja a página que é exibida

Leia Também:

• Microsoft Tech·Ed Brasil 2010
• min-height para IE6
• Campanha para eliminar browsers antigos do mercado
• Hack’s, lá e de volta outra vez.
• Testando o Layout Browser/Resolução

O maior evento técnico brasileiro voltado para profissionais de TI e Desenvolvedores que utilizam a tecnologia Microsoft em seu dia a dia, este ano vem repleto de novidades.

Você está preparado para três dias intensos? No Tech·Ed 2010 você será apresentado ao que há de mais novo em termos de produtos e serviços com a tecnologia Microsoft e terá acesso a mais de 193 sessões técnicas.

Essa é a sua chance de conhecer as novas versões de nossos produtos, trocar experiência com colegas da área, além de atualizar seus conhecimentos e abrir novos horizontes profissionais, impulsionando ainda mais a sua carreira.

Eu vou Participar das palestras do dia 15/09/2010 as palestras da trilha de internet.

Leia Também:

• Noticia: Microsoft incentiva atualização do Internet Explorer 6
• Exibindo dados no navegador com PHP e as funções print(), echo() printf() e sprintf()
• Comentar código em PHP com Sintaxe C++, Shell e C
• W3C lança logomarca do HTML 5
• WordPress Summit

.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!

Leia Também:

• Hack’s, lá e de volta outra vez.
• Livro: Use a Cabeça! Web Design
• Curso para Iniciação em XHTML/CSS UniItalo
• Hack para Safari 4, Firefox 3.5, Chrome 3 e muito mais com um JS
• Testando o Layout Browser/Resolução

<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/

Leia Também:

• Pinch zoom com javascript (ongesturechange e style.zoom)
• Movendo objetos com ontouchstart e ontouchmove para iPad/iPhone
• Verificar Status do navegador com HTML5 (window.navigator.onLine)
• Noticia: Microsoft incentiva atualização do Internet Explorer 6
• Microsoft Tech·Ed Brasil 2010

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.

Leia Também:

• Testando o Layout Browser/Resolução
• min-height para IE6
• Utilizando webkit-box-reflect ( reflexo com css 3 para iphone/ipad/safari e chrome)
• Otimizando desenvolvimento HTML com Zen-coding e Notepad++ ( Instalação + Dica )
• Hack para Safari 4, Firefox 3.5, Chrome 3 e muito mais com um JS

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.

Leia Também:

• Hack’s, lá e de volta outra vez.
• Utilizando webkit-box-reflect ( reflexo com css 3 para iphone/ipad/safari e chrome)
• Noticia: Google Chrome mantém o crescimento
• min-height para IE6
• Habilitando Debug Console no iPad (Vale pro iPhone Tambem)