Mais erros do IE

Postado em March 25th, 2008 | Algo sobre Bugs do IE, Geral, Ossos do Ofício, Web Standards

Bem amigos da Rede Globo… Estamos de volta, retomando um assunto que insiste em nos atormentar. BUGS DO IE.

Como falado em algum post algum tempo atras, é comum hoje em dia  o uso de css condicional, sem a necessidade de hacks. Acontece que, em uma bela manhã de sol, o trabalho ia de vento em polpa, quando de uma hora para outra, o IE parou de interpretar essa condição, ou seja, o que eu colocassno css para o IE7, o IE6 e vice-versa.  Resultado: Caos total em margins, paddings e afins.

Mediante essa falta de conhecimento sobre tal bug, coloquei os velhos hacks (* para IE7 e _ para IE6) para soluções emergênciais.

Estou pesquisando sobre o assunto, espero em breve achar a solução. Por enquanto nada, mas conto com a ajuda de vocês. Até +.

Posts Relacionados

2 Comentários para “Mais erros do IE”

  1. thymochenko Cabral disse:
    April 17th, 2008 at 02:53

    rapaz, velho to com o mesmo problema.
    coloco uma folha de estilo uma pro ie 7 e outra para o ie6, e funcionam 100% (tabom, 98%).
    mas quando coloco a folha de estilo para os browsers standards, lá vem os problemas no ie 6.

    ai não tem santo que aguente.

    em 1 dia eu havia terminado a index para o ie7, firefox, opera e sarafi do windows.
    e por causa destes benditos problemas de especificidade e paddings terei amanhã mais um dia exaustivo por causa do senhor tio patinhas gates.

    oferecimento Microsoft tabajara.

  2. Fábio Lazaro disse:
    May 15th, 2008 at 13:00

    Boa tarde colegas. Temos em CSS a propriedade !important que diz que o css alí declarado não tem seus valores modificados por uma mesma declaração diferente no mesmo elemento, class ou o que seja.

    Porém, se declaramos uma propriedade uma única vez, com o !important, o valor dela é igual nos 3 browsers (FF, IE 6 e 7).

    Mas… Se declaramos a mesma propriedade uma segunda vez, com um valor diferente e sem o !important, a com !important é aplicado no IE7 e no Firefox, e a sem apenas no IE6.

    Exemplo:
    a {
    margin:0 5px !important; (Funciona apenas no IE7 e FF)
    margin:0 3px; ( Funciona apenas no IE6 )
    }

    E o melhor: É validável.

    Abraços. []’s

Solte o Verbo