Marcus VBP

As folhas de estilo em cascata são um recurso clientside, ou seja, sua interpretação correta depende do navegador utilizado pelo usuário. Atualmente o mercado conta com quatro navegadores que juntos representam praticamente 100% dos usuários de internet: Internet Explorer, Mozilla Firefox, Safari Browser e Opera.

Cada um deles possuí seu próprio nível de suporte à CSS e seus próprios defeitos (conhecidos pelo termo técnico bug). Felizmente a maior parte dos navegadores estão em um nível muito bom e próximo um dos outros em termos de renderização de CSS, fazendo com que não exista a necessidade de testar o projeto em todos os navegadores.

A exceção é o Internet Explorer (ou simplesmente IE), um navegador para plataforma Windows e Mac que além de possuir o pior suporte, é o que infelizmente possui a maior parcela do mercado mundial de navegadores, com cerca de 70% dos usuários de internet. Atualmente existem duas versões do IE dividindo o mercado: a versão 6, e em proporção bem menor, a versão 7, com melhorias no suporte aos Padrões Web (mais ainda longe do ideal).

Devido ao seu mal suporte aos padrões e recomendações da W3C, algumas páginas podem possuir diferenças na renderização entre o IE e os demais navegadores, e algumas vezes é essa diferença é crítica.

No início os desenvolvedores e projetistas de interface resolviam este problema através de técnicas chamadas CSS Hacks. Com pequenos truques e explorando falhas dos navegadores, era possível aplicar regras de folhas de estilo apenas para um navegador específico. Esta prática gerava arquivos de folhas de estilo grandes e complexas, com grande quantidade de código redundante.

Felizmente esta prática pouco elegante foi posta de lado em favor do uso de conditional comments (comentários condicionais). Este recurso é suportado unicamente pelo Internet Explorer a partir da versão 5, e permite inserir um código HTML em uma página apenas se a condição definida for verdadeira. Os desenvolvedores então utilizam este recurso para inserir folhas de estilo para versões específicas do Internet Explorer, contendo instruções que irão contornar ou pelo menos atenuar os problemas visuais da má renderização.

Os comentários condicionais contendo arquivos de folha de estilo são sempre os últimos arquivos a serem incluídos no cabeçalho da página, para aproveitar o Efeito Cascata. Foram inseridos no projeto dois comentários condicionais, que podem ser vistos na figura 18. O primeiro afeta o Internet Explorer 6 ou versões inferiores, e o segundo afeta unicamente a versão 7 do Internet Explorer.