Arquivo da tag: Internet Explorer 6

Script para ajustar altura da div junto com a da página

Estava trabalhando em um site que tem um menu lateral, que tem a altura de 100%, só que quando abria um submenu, aparecia a barra de rolagem, e altura do menu não ajustava o tamanho sozinho, fiz uma demorada busca até que achei esse script abaixo.

Colocar antes da TAG </head>

&lt;/pre&gt;
&lt;script&gt;
function alertSize() {
 var myWidth = 0, myHeight = 0;
 if( typeof( window.innerWidth ) == 'number' ) {
 //Non-IE
 myWidth = window.innerWidth;
 myHeight = window.innerHeight;
 } else if( document.documentElement &amp;&amp; ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
 //IE 6+ in 'standards compliant mode'
 myWidth = document.documentElement.clientWidth;
 myHeight = document.documentElement.clientHeight;
 } else if( document.body &amp;&amp; ( document.body.clientWidth || document.body.clientHeight ) ) {
 //IE 4 compatible
 myWidth = document.body.clientWidth;
 myHeight = document.body.clientHeight;
 }

return [ alert(&quot;width: &quot;+myWidth+&quot; pxnheight: &quot;+myHeight+&quot; px&quot;) ];
}
&lt;/script&gt;
&lt;script&gt;
function ajustarAltura(){
 var heightTela = document.body.scrollHeight
 document.getElementById('menuLateral').style.height = heightTela+&quot;px&quot;;
}
&lt;/script&gt;
&lt;pre&gt;

Colocar no fim da página.

&lt;/pre&gt;
&lt;script&gt;
alertSize();
alert(&quot;menulateral: &quot;+$(&quot;#menuLateral&quot;).css(&quot;height&quot;));
alert(&quot;document.body.scrollWidth: &quot;+document.body.scrollWidth+&quot; pxndocument.body.scrollHeight: &quot;+document.body.scrollHeight+&quot; px&quot;);
&lt;/script&gt;
&lt;pre&gt;

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

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. Continue lendo Como forçar os usuários a atualizar seu IE6

Hack CSS para IE, FireFox, Opera

Esse post e voltado para quem ainda tem problemas com as versões do IE (Internet Explore), que quando acha que o trabalho está terminado, acaba vendo que o CSS no IE está tudo estourado, torto, com fonte diferente, onde acaba dando ainda mais trabalho.
Aqui vou mostrar hacks de algumas versões do IE.
Hacks CSS são regras que só servem para determinado navegardor. No caso, esse determinado navegador geralmente é o IE, mas podemos encotrar alguns hacks para outros navegadores também.


#element {
color:orange;
}
#element {
*color:white;    /* IE6+7, doesn't work in IE8/9 as IE7 */
}
#element {
_color: red;     /* IE6 */
}

 #element {
_color /***/: red9;     /* IE8 */
}

#element {
color: green&#092;&#048;/IE8+9; /* IE8+9  */
}
:root #element { color:pink &#092;&#048;/IE9; }  /* IE9 */
#element, x:-moz-any-link, x:default { margin-top:50px; } /* Firefox 3.0 para o mais novo */
@media not all and (-webkit-min-device-pixel-ratio:0) {  #element { margin-top:50px; }  }  /* Opera 10 mais novo */

CSS: Problemas comuns com Internet Explorer 6 e como resolvê-los

Você faz o seu layout com todo cuidado, escreve o html totalmente web standards compliant e faz o CSS bem estruturado. Arruma cada detalhe e confere cada mudança no firefox e internet explorer 7. Pronto. Terminou. Perfeito. Agora só falta testar no internet explorer 6. Nooossa!…. Está tudo errado. Maldito ie6!!! Continue lendo CSS: Problemas comuns com Internet Explorer 6 e como resolvê-los