Queli Coto Desarrollador Web

A veces nos es inevitable tener que recurrir a estos hacks, por alguna razón  los navegadores se empeñan en no cumplir con un mismo standard  y lo que podemos estar viendo correctamente en unos, en otros se ve fatal. No estoy hablando de los Internet explorer, me refiero ya a navegadores decentes como Firefox, Opera, Safari, Chrome.

Pues Bien, esta semana me he encontrado en el trabajo con un problema de maquetación en google chrome (sólo se descolocaba unos controles en un slider) y buscando dí con la siguiente solución, que aunque es un poco enrevesada funciona perfectamente.

@media screen and (-webkit-min-device-pixel-ratio:0)

{
//colocamos las reglas css

.next a { margin-top: 15px;}
.back a { margin-top: 15px;}
}

Lo encontré en el blog de Martin Ivanov que me ha sorprendido gratamente y ya está en mi Reader. Este hack viene a sustituir al viejo body:nth-of-type(1) Selector que si bien antes sólo lo interpretaba el Chrome, ahora ya lo consiguen interpretar el Firefox 3.5 y el Opera9.2+, lo que nos hace ver el peligro de usar estas técnicas, así que  el consejo es: intentar evitar el uso de CSS hacks todo lo que podamos.