Logo depois que escrevi sobre “Condicional para estilo CSS com IF IE e em PHP”, o Thomas que trabalha comigo, com uma certa pitada de maldade e sarcasmo disse: “esse seu post não vale mais nada”, e me mostrou o Trípoli.

O que os caras fizeram? Igualaram todas as tags do HTML.

Assim, você parte de um documento igual para todos os navegadores. Afinal, a diferença de como cada navegador renderiza as tags que é o grande vilão do CSS.

Agora ficou fácil, não?

Eu ainda não fiz nenhum projeto com essa nova técnica, mas acho que vale a pena compartilhar isso com vocês.

Anote aí. Você vai precisar dos seguintes arquivos:

• reset.css - um arquivo CSS que reseta todas as configurações do navegador;
• generic.css - um CSS genérico que reconstrói e atualiza a renderização CSS ;
• ie.css - arquivos testados em multi navegadores e regras especificas para o IE, quando preciso;
• print - um arquivo CSS simples para print que faz o HTML ser lido quando impresso.

Aqui tem um exemplo para você abrir em diversos navegadores diferentes e ver como o arquivo é semelhante entre si.

No seu documento HTML, você põem assim:

@import url(css/reset.css);
@import "css/generic.css";
 
@import url(css/print.css) print;
 
<!--[if IE]>
<style type="text/css" media="all"><! mce:0-->
 
<!--[endif]-->

Technorati Tags: CSS, Trípoli, Hack CSS

A inclusão deste post foi feita em 2 de maio de 2008, sexta-feira, às 19:07 e arquivado em CSS, Drops. Você pode acompanhar os comentários através do nosso RSS 2.0. Você pode deixar um comentário, ou apontar este link no seu próprio site.