Nesse artigo vamos ver alguns hacks mais comuns para IE, já que as
versões 6 e anteriores possuem dificuldades em renderizar os códigos de
forma correta.

Definição técnica

[…]uma maneira de
escrever um código alternativo para ser servido a um determinado
dispositivo que não interpreta de modo correto o código padrão.

Em
CSS usa-se muitos hacks para fazer com que o IE (internet Explorer)
renderize de forma correta (em relação ao layourt definido) o código.

Hack estrela html

div {min-height: 400px} /*para navegadores padrão*/
* html div {height: 400px;} /*para IE6 e anteriores*/

As
linhas acima aplicam uma altura fixa mínimo para a div, ou seja, ela
deverá ter 400px de altura, tendo ou não conteúdo dentro dela.

Caso um seletor não seja reconhecido pelo navegador, ele será ignorado, e a estilização do mesmo não será aplicada.

Hack underscore

div {min-height: 400px} /*para navegadores padrão*/
div {_height: 400px;} /*para IE6 e anteriores*/

O
uso do underscore antes da propriedade CSS deixa a mesma inválida para
os navegadores padrão. O hack citado está sendo abandonado, pois não é
reconhecido pelo validador CSS do W3C.

Hack da contrabarra

div {

w\idth: 100px; /*exclui os IE5.x*/

}

Não coloque a contrabarra antes de um caracter hexadecimal [a-f].

Hack comentário

div/* */ {width: 140px;} /*para todos os navegadores, exceto o IE5.0*/

Ele esconde a regra CSS do IE5.

Hack estrela +

* + html div{width: 140px;} /*para os navegadores IE5 e IE7*/

Ele aplica a regra CSS para IE5 e IE7.

Esses são alguns dos hacks utilizados em CSS. Quero aproveitar e fazer um agradecimento muito especial ao Maurício Samy
Silva (maujor) por ter disponibiizado um grande conteúdo sobre CSS em
seu livro “Construindo sites com CSS e (X)html”. Obrigado, Maurício.