Tableless e Doctype XHTML 1.0: Internet Explorer, eu te odeio!

Por: em 02/04/07 na(s) categoria(s): Software

comentários 20

Esse é um post de frustração. Hoje, ao tentar migrar algumas telas para um projeto, usando standards e tableless, o layout ficou completamente destruído.

E lá se vai uma manhã inteira e 3 analistas tentando descobrir porque raios códigos praticamente idênticos páram de funcionar.

Eis que surge a idéia de comparar linha por linha e notamos que a única diferença é que ao usar a declaração de Doctype da W3C, o IE simplesmente faz alguma maluquice que destrói a interface.

E não adianta nenhum espertalhão dizer para usar Firefox, já que 100% dos meus usuários usam IE. Tentar convencer a empresa-cliente em mudar o browser padrão também é impraticável, pois ela é enorme. O jeito foi jogar a boa prática no lixo e apagar o código “ofensivo”.

Esse é o tipo de coisa que irrita quem trabalha com web, pois aplicativos têm ficado cada vez mais complexos e a parte de apresentação, o mais importante para o usuário, é simplesmente um lixo.

Mais textos de | Site | Twitter

  • http://www.brunogross.com brunogross

    Ja passei por isso 1 milhão de vezes

    Inclusive o contrário…um sistema que sempre rodava no IE e que um FDP resolveu que iria usar FF…e esse fdp ser da diretoria e vc não poder falar “use IE e não encha meu saco”.

    Por isso NUNCA uso tableless ou nada do tipo em sistemas corporativos…

    Bruno Gross – http://www.brunogross.com

  • http://gaigalas.net Alexandre Gomes Gaigalas

    O IE não quebra nada, pelo contrário

    Quando você inclui a declaração de DOCTYPE (sem espaços, linhas ou nada antes) ele torna o browser “scrict mode”, mais complacente aos padrões.

    Essa mudança de quirksmode pra strict mode causou esse monte de erros.

    Se você quisesse corrigir isso, bastava colocar o DOCTYPE na segunda linha do arquivo e tudo voltaria ao normal.

    –

    Acorda pra Web! – Tecnologia que vai mudar nossas vidas, depois do café.

    • Ricardo Bicalho

      Tentamos, não funcionou. O sistema utiliza herança visual, então precisamos mudar a “classe” da interface.

      Inclusive o Doctype teve que ser removido, também.

      • http://brunotorres.net/ brunotorres

        Colocar o doctype na segunda linha realmente não resolve.
        Você tem que usar algum artifício para fazer o IE chavear para quirks mode. Uma declaração XML ou um simples comentário antes do doctype resolve.
        Esse problema é comum e simples. Se você começa a trabalhar em um projeto com o IE em quirks mode, mudar para strict mode depois é loucura. E vice-versa.
        Já houve uma época em que eu preferia o quirks do IE, porque é consistente com o IE5. Mas agora o IE5 não faz tanta diferença e, se fizer, vale mais a pena fazer um CSS especifico pra ele, com hacks, dentro de um comentário condicional, do que usar quirks mode nos IEs mais novos.
        A culpa não é do doctype ou do XHTML e, nem mesmo, do IE. É um padrão documentado, bastante conhecido, que deve ser considerado desde o início de um projeto web.

    • http://emanuelfelipe.net/ Emanuel Felipe

      É basicamente isso, mas se chama “standards mode” e nao “stric mode” (pelo menos sempre conheci assim). Quando coloca-se o doctype na primeira linha do documento o Internet Explorer renderiza a página em Standards Mode, caso contrário ele usa a porcaria do Quirks Mode.

  • Edi Eco

    Também tenho tido o mesmo tipo de problema. E com prazos tão curtos as vezes acho melhor usar o tradicional do que parar tudo pra tentar resolver um problema de exibição em um browser específico.

    Não sei se um dia vai acontecer, mas acho que todo mundo que trabalha com interfaces pra web sonha em um dia ter um padrão único regendo a camada de exibição nos browsers.

    [] Edi Eco
    http://www.comospolith.com

  • http://www.techbits.com.br Alexandre Fugita

    Internet Explorer, o que é isso?

    • trax76

      “Internet Explorer, o que é isso?”

      Hehehe…. é algo que devemos esquecer! Mas não esquenta, o IE 7 é um pouco pior.

      trax76 – http://www.tablete.net

  • http://muuzik.net/ gabrielcp

    Cara, eu passei por isso essa semana…
    agora… EXISTE IE7… cagado em cima do codigo 2 vezes…
    –
    GabrielCP

  • http://www.oitobits.net viniciusfs

    Como falavamos num datacenter que trabalhei “faz certo que dá certo”.

  • Halbran

    É, de fato. É um saco alinhar o layout usando os padrões e, além disso, pretender que ele funcione perfeitamente tanto no IE quanto no FF…
    Quando fica complicado demais, realmente é mais fácil usar as tabelas…

  • http://keaton.wordpress.com/ Keaton

    Cara, tive um problema (acho que) parecido. Mas a maioria dos ‘erros’ eram os atributos ‘display’ e ‘position’. (o internet explorer parece ter algum sério problema com o position relative e com o display float..)

    Dá uma testada lá. Não sei se resolve, mas.. =]

  • http://www.brunogross.com brunogross

    Volto a falar por experiência adquirida: para software comercial, onde se caga para a banda gerada e o tamanho final das páginas, evite usar frescurinhas… Faça a modo grosso mesmo. O cliente não quer padrões, ele quer resultado! Diferente da Web onde um kb pode ser muito em página com milhões de page views diários

    Bruno Gross – http://www.brunogross.com

    • Ricardo Bicalho

      Bruno, o problema é que o cliente passou a exigir:

      1. Padrões
      2. Tableless

      E como é um cliente com mais de 150 mil funcionários, não vou nem discutir.

      • http://www.brunogross.com brunogross

        Então você tem um problema…

        Ta aí a necessidade de se ter um HTMLer
        Trabalhei em uma empresa na Barra da Tijuca – RJ, que tinha um cara que era o HTMLer…Problemas assim e a única frase a ecoar era:

        - Negão, deu merda…se f**e aí…

        rsrs

        Penso da mesma forma que o dono dessa empresa pensava. A hora de um analista ou de um desenvolvedor é muito cara para ser perdida com layout e padronização.

        Sugiro a vc essa idéia. Converse com os responsáveis do projeto e coloque em pauta a possível cntratação de um profissional especializado nessa área. Acredite, se o cara for safo, funciona e bem…

        Bruno Gross – http://www.brunogross.com

  • http://rrmanzke.blogspot.com Tuco

    @edi
    Esse padrão único chama-se Adobe Flex!

    ;)

  • JulianoGarcia

    Eu sou um fiel usuário dos softwares da Microsoft, gosto da padronização que eles possuem. Mas o Internet Explorer anda uma droga perto do Firefox, então comecei a colocar nas máquinas os 2 browsers.

    E venho trocando tendo como argumento que o Firefox acessa muito mais rápido os sites de banco !

    Bradesco pelo IE é uma droga, mas pelo Firefox é fácil fácil, pense em colocar os 2…

  • tcelestino

    Nem me fale viu, porque já terminei um site aqui na agência em tableless (meio que standards :D ), só que no IE tava o widht:765px;margin:0 auto para alinhamento apartir centralizado, mas o IECA não rola. Raiva da zorra!.

  • ftauscheck

    Desenvolvo dentro de uma empresa que o padrão é o IE6. Como monto todo código na mão (usando algo parecido com o Bloco de Notas) utilizo várias extensões do Firefox pra ajudar no desenvolvimento (a melhor de todas é a FireBug). Assim, chega num ponto em que meu código está 100% no FF e 100% validado pelo w3.org (tanto html como css) e ao fazer os testes no IE descubro que nada funciona como esperado.
    É MUITO chato ter que ver meu código reprovado nos testes do w3.org pq o IE não segue padrões. Pq temos padões então?

  • Mariana Laço

    veja só …quanto tempo faz e ainda contiua a dar problemas essa tralha do IE. E cuida lá porque cada navegador tbm te trata de jeito diferente. Agora tem esse papo de que o melhor a fazer é testar o seu site em vários navegadores. Eu pergunto se isto não é submissão? Vai lá agora instalar trocentos navegadores e ficar botanto todo, todo mesmo, o seu tempo nessa tarefa infernal Meu computador ta ficando uma tranqueira em função de um simples blog que apresenta um efeito para cada navegador.
    Tá parecendo assim: Troquei de carro e numa viajem, pelo mesmo caminho de repente me aparece um rio, uma ponte, assim, do nada.
    Tô afim de comprar uma enxada e plantar milho. Pelo menos por enquanto acredito que colherei milho