2 de maio de 2008

Hack nunca mais: resete seu CSS com Trípoli

CSS, Drops | 1 Comentário »
por Ricardo José Corrêa

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:

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]-->

Você pode deixar um comentário, ou trackback de seu próprio site.

1 comentário para “Hack nunca mais: resete seu CSS com Trípoli”

  1. Júlio Cavalcanti falou:

    Rapaz… Abri a página exemplo nos browsers: Firefox 2, Google Chrome, IE7 e IE6. E continua com a mesma diferença de renderização. Eu esperava ver tudo exatamente igual, essa não é a proposta da técnica? Ou o que eu estou vendo é resultado da utilização desses css´s???
    Abraço.

Deixe um comentário