Bon les hacks CSS j’aime pas beaucoup ça. C’est loin d’être propre, pas toujours validée W3C, etc… Bon nombre d’intégrateurs les utilisent outre mesure et c’est dommage, on peut réussir une intégration quasi complète sans utiliser ce que je qualifierai de dernier recours.
Pourtant il y a des moments où c’est nécessaire, je prend exemple avec ce site Internet, la charte graphique (une fois remaniée) s’affichait sous tous les navigateurs sans soucis excepté Safari 4.0 et Chrome 3.0+. Le soucis c’était un pixel de décalage entre l’entête du site et son corps. Après avoir vérifier marges, dimensions, etc, je ne trouvais pas le problème. J’ai donc utilisé un hack CSS.
Pour Safari 4.0 et Chrome 3.0+ c’est celui-là :
@media screen and (-webkit-min-device-pixel-ratio:0) {
// Déclaration(s) CSS ici
}
// Déclaration(s) CSS ici
}
