Esse final de semana foi puxado. Desde o meio-dia de sábado estou trabalhando num site, que quando estiver pronto, colocarei aqui.

Bem, quando faço um site, tento deixá-lo compatível com os principais Navegadores (IE7, IE6, Firefox e Opera).

Aqui vão duas dicas de CSS Hacks, as quais precisei usar neste site.

A primeira é para o Internet Explorer. Essa já deve ser conhecida da grande maioria dos desenvolvedores web, mas não custa difundir um pouco mais. São os Comentários Condicionais, que são trechos do código que são reconhecidos pelas pelo Internet Explorer. Os outros navegadores encaram como comentários comuns e não executam nada que estiver dentro deles.

Precisei criar uma folha de estilos específica para o IE7, já que o mesmo não estava mostrando o site como o Firefox o fazia. Usei então o seguinte trecho para que essa folha de estilo específica fosse lida só pelo IE.

<!–[if IE]>
<link rel=”stylesheet” type=”text/css” href=”iehacks.css” />
<![endif]–>

Precisei criar uma folha de estilos específica para o IE7, já que o mesmo não estava mostrando o site como o Firefox o fazia. Usei então o seguinte trecho para que essa folha de estilo específica fosse lida só pelo IE.

Essa dica eu achei no site do Maujor.

A segunda é de um CSS Hack que fosse reconhecido apenas pelo navegador Opera.

html:first-child>body aqui vai seu elemento ou id {
aqui você coloca as propriedades que irão aparecer somente no Opera
}

Este css é reconhecido apenas pelo Opera. Testei com o IE7, IE6 e Firefox 2.

Esta eu achei no Fórum Tableless.