Como forçar os usuários a atualizar seu IE6

Postado por: Pedro Rogério em
  • 14 jul
  • 14
IE6 Update

Se os usuários de forma consciente não atualizam o IE6 para uma versão mais recente, por que não agora tentarmos alguma maneira não ortodoxa para que eles atualizem? Uma maneira que pode funcionar muito bem é simulando aquela barra de atualização que aparece no browser dizendo que o mesmo precisa ser atualizado para que o site seja melhor visualizado. Se você ainda tem IE6 no seu PC, então aproveite e visite essa página teste criada para simular o update.

Esse script foi desenvolvido originalmente pelos desenvolvedores do site Done21 e sua instalação é muito simples, basta incluir esse código dentro das tags head de sua página:

<!--[if IE 6]>
<script type="text/javascript">
	/*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\"   src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; }
	var IE6UPDATE_OPTIONS = {
		icons_path: "http://static.ie6update.com/hosted/ie6update/images/"
	}
</script>
<script type="text/javascript" src="http://static.ie6update.com/hosted/ie6update/ie6update.js"></script>
<![endif]-->

Ou se preferir pode fazer o download do script em sua versão português do brasil.

Espero que os usuários de IE6 não descubram essa nossa técnica aparentemente infalível.

Inherit no Internet Explorer

Postado por: Pedro Rogério em
  • 21 abr
  • 12
Herança em CSS

O que é Inherit?

De acordo com as especificações das CSS 2.1, inherit pode ser definido como:

É uma característica das CSS ao qual podemos definir herança entre os estilos, suportada por todas as propriedades CSS.

Se por exemplo, se definirmos que nossa tag de título h1 tenha os seguintes estilos:

h1{
   color:black;
   padding:10px;
}

E logo após definirmos os seguintes estilos para um link ou qualquer elemento que tenha como pai o h1, dessa forma:

h1 a {
   color:inherit;
}

Continuar lendo »

Download: A Guerra dos Browsers

Postado por: Pedro Rogério em
  • 6 mar
  • 4
Guerra dos Browsers

A Discovery Channel produziu a algum tempo atrás um documentário onde você pode ver toda essa história a fundo da Guerra dos Browsers que aconteceu entre os anos de 1995 e 1999, que inclusive postei no meu outro blog. Só que infelizmente parece que eles tiraram o vídeo do ar. Mas como eu tenho amigos influentes na Internet, meu amigo Rafael me enviou um link onde podemos efetuar o download da versão full, em Português do vídeo sobre a Guerra dos Browsers.

O Vídeo está no formato .flv, portanto você precisará de um player alternativo para vê-lo, eu aconselho você a utilizar o nFLVPlayer para isso.

IE6 Double Margin / Duplicate Characters bug fix usando jQuery

Postado por: Pedro Rogério em
  • 8 jan
  • 14

Meus amigos desenvolvedores com certeza conhecem a fundo os mais famosos bugs do IE6, o da margem dupla e o bug da repetição de caracteres, se você não conhecia esses bugs, aconselho a dar uma lida nesses posts. Mas como conhecimento nunca é demais, acabei encontrando hoje uma simples solução para resolver esses bugs no IE6 utilizando jQuery:

$('*').each(function() {
  if ($(this).css('float') !== 'none') {
    $(this).css('display', 'inline');
  }
});

O resultado desse código é que ele irá procurar todos os elementos na página e aqueles que tenham float diferente de none será adicionado a propriedade css display:inline previnindo seu trabalho para que não ocorra esses bugs.

Via: Snipplr