CSS Reset: seus problemas acabaram

Sempre que desenvolvemos um site na web nos deparamos com problemas de layout e posicionamento de div´s.

Que desenvolvedor ou designer nunca passou por uma situação dessas? Você desenvolve um site para web com um layout impecável e os com controles funcionando perfeitamente, mas o desafio é fazer esse conjunto funcionar perfeitamente na gama de browsers que temos hoje no mundo da TI. Essa é uma questão que mata de raiva qualquer profissional. O IE não funciona isso ou o Firefox não aparece aquilo.

Há algum tempo foi desenvolvida uma técnica chamada CSS Reset que consiste em literalmente ”resetar” as TAGS de propriedades padrão dos browsers (margin, padding e align por exemplo). O que acontece é que esse valores pré-definidos se fazem necessários quando o usuário abre alguma página sem estilo algum, e o browser ajusta a mesma com esses valores padrão para melhorar a legibilidade. O problema é que cada browser pode usar um valor diferente.

Como funciona:

• O arquivo reset.css redefine as propriedades padrão dos browsers.
• O arquivo generic.css re-constrói e redefine como o HTML é renderizado pelo browser.
• O arquivo ie.css contém as propriedades específicas do IE, para que o CSS Reset funcione.
• E por último o arquivo print.css torna legível o HTML quando impresso.

Agora só implementá-los na sua página HTML.

Essa técnica de CSS Reset é chamada de Tripoli e foi desenvolvido pela MONC. Lá é fornecido um HTML de exemplo utilizando a técnica. (http://www.monc.se/tripoli/sample.html).

Espero que seja útil para vocês!

Bom feriado e até logo!