Se uma medida fica perfeita no Firefox (por exemplo, a largura de uma coluna) mas desfigura o template no IE6, basta acrescentar underline antes da medida, como no exemplo:
sidebar: 220px; (aqui, medida para o Firefox)
_sidebar: 210px; (aqui, com o acréscimo de underline, será interpretado apenas pelo IE6)
Para que funcione, a medida para o IE6 deve vir logo abaixo da medida para o Firefox.
Mas, este hack não funciona para o Internet Explore 7, então, para que o template fique idêntico nos tres navegadores, devemos fazer assim:
sidebar: 220px; ( medida para o Firefox)
*sidebar: 210px; ( usa-se o asterisco para o IE7)
_sidebar: 210px; (com o acréscimo de underline, será interpretado apenas pelo IE6)
Obs: Deve-se obedecer esta hierarquia para que tudo funcione corretamente: Firefox/IE7/IE6
sidebar: 220px; (aqui, medida para o Firefox)
_sidebar: 210px; (aqui, com o acréscimo de underline, será interpretado apenas pelo IE6)
Para que funcione, a medida para o IE6 deve vir logo abaixo da medida para o Firefox.
Mas, este hack não funciona para o Internet Explore 7, então, para que o template fique idêntico nos tres navegadores, devemos fazer assim:
sidebar: 220px; ( medida para o Firefox)
*sidebar: 210px; ( usa-se o asterisco para o IE7)
_sidebar: 210px; (com o acréscimo de underline, será interpretado apenas pelo IE6)
Obs: Deve-se obedecer esta hierarquia para que tudo funcione corretamente: Firefox/IE7/IE6
Hacks para IE6 e IE7
Reviewed by MCH
on
December 26, 2007
Rating:
No comments: