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:
- 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]-->
Leia também:
- Condicional para estilo CSS com IF IE e em PHP
- Força Download com ASP
- Retirar todas as Tags HTML de um texto com PHP
Você pode deixar um comentário, ou trackback de seu próprio site.
novembro 18th, 2008 at 15:59
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.