16/03/2012 Development / css

Essas paradas de incompatilidade de browser é foda. Comecei a refazer todo o meu sistema de gerenciamente de laudos e uma parte que eu estou mexendo agora é na construção dinamica dos grids.

Ocorre que pra deixar o grid com as colunas todas marcadas e tal, estou usando o css clássico td { border-right: 1px solid red }...blz

A ultima coluna eu não quero que fique marcada...então td:last-child { border: none }...shooooooooow ;-)

E no IE8 my friend ? Ae que esta, essa sintaxe do last-child é CSS3, ou seja, IE8 caga molinho! Mais mole que coco de passarinho.

Então vamos fazer uma coisa pra amenizar pelo menos IE6 e IE7, Se é que alguem usa isso ainda. Vamos fazer um hack!

.datagrid td { h: expression(this.nextSibling==null ? this.style.borderRight = 'none' : '');  /* IE6 || IE7 */ }

Nesse caso, temos que habilitar o modo de compatibilidade

<!--[if IE 8]>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
 <![endif]-->

E rezar pra funcionar, rs!!!!

Espero que sirva ;-)