06 Apr 06 CSS2 - do céu ao inferno em dois cliques :(

Faz tempo que trabalho com desenvolvimento WEB, mas na maior parte das vezes eu não precisava me preocupar com o layout, por que alguma outra pessoa ja tinha configurado isto e eu só tinha que fazer a parte da lógica e formulários da aplicação, mas nos ultimos projetos eu fiz esta parte também, principalmente a de transformar um desenho feito no corel ou algo do genero em página HTML.

E a partir disto eu sou obrigado a respeitar os web designers, pq é realmente desanimador, fazer uma página utilizando as melhores praticas recomendadas pelo W3C e as instruções do W3Schools.com, ver tudo funcionando direitinho no Firefox/Mozilla/Opera/Netscape, e ficar um lixo no internet explorer.

Bom, não consegui fazer o IE6 suportar CSS2 full, mas achei algumas dicas bastante interessantes para fazer ele suportar boa parte disto …

Depois de apanhar bastante e tentar de diversas formas fazer o IE6 suportar corretamente position:absolute, principalmente os attributos bottom e right sem nenhum sucesso, e ver que eu teria que tentar novamente modelar tudo com tabelas, e ver as coisas alterarem de tamanho toda vez que aumentava a quantidade de texto da página, tentei com um javascript que encontrei em algum lugar da web que não me lembro onde, o nome do arquivo era Master.js, e era necessário colocar no onload da página a chamada a função Load('/') funcionava quase 100%, mas dava pau na carga da página, se a tela fosse redimensionada depois da página carregada ai o layout ficava perfeito

Quando eu estava praticamente desistindo e quase pedindo para outro layout ser desenhado com menos linhas curvas, encontrei este site, que tem alguns scripts que dizem fazer com que o IE5/IE6 se comportem corretamente com CSS2 e alguma coisinha do CSS3, e o pior é que parece que ta funcionando beleza

A parte boa, é que tudo o que eu testei até agora, passou a funcionar simplesmente adicionando estas duas linhas no head da página

<!– compliance patch for microsoft browsers –>
<!–[if lt IE 7]><script src="../ie7-standard-p.js" type="text/javascript"></script><![endif]–>

A parte ruim é que estes scripts são como diz no site, ainda alpha, então pode ser que em algum momento de pau em alguma coisa :S, mas eu vou continuar testando, e fica a dica para quem precisar trabalhar com CSS no IE também, clique aqui e seja mais feliz perdendo menos cabelos

PS.: nos primeiros testes que fiz não tinha funcionado, mas descobri que foi erro meu, com estes scripts, até o :after/:before/content: esta funcionando muito bem

PS2.: explicação do titulo do post, é que quando eu comecei a escrever isto aqui ainda não tinha achado este script (IE7), depois que testei ele tudo começou a funcionar (bem, quase tudo, o IE ainda teima que uma largura de 100% é 100% da largura do container, e não 100% da clientarea do container :(, mas isto é razoavelmente contornavel utilizando 99% ), então os dois cliques eram os necessários para abrir o internet explorer e começar a chorar …

Se você gostou deste post, lembre-se de assinar o RSS feed do blog, para ser notificado de novos posts!

Tags: Dia a Dia, dia-dia, Trabalho