Abonnez-vous au Flux RSS

CSS Browser Selector


Cette boite est d'une couleur différente en fonction de votre navigateur :
sous Internet Explorer elle est jaune
sous Gecko (Firefox, Mozilla, Camino) elle est grise
sous Opera elle est verte
sous Konqueror elle est bleue
sous Safari - elle est noire

Délivrance ! Oui, je sais, pour beaucoup de mes lecteurs cela n'est pas vraiment fantastique, voir aucun intérêt, mais pour moi, oui !
Adapter une feuille de style CSS en fonction des navigateurs peut ressembler à un parcours du combattant, et je peux vous dire que fois c'est à péter réellement un plomb.
Et voilà que Rafael Lima, inspiré par 37 signals, a mis au point un petit javascript de 10 lignes qui va me faire économiser de l'aspirine, des hacks et du temps ;¬)
Vous n'imaginez pas, il suffit de mettre dans votre feuille de style .ie pour qu'un attribut (margin, padding, height etc.) ou qu’un ensemble d'attributs ne s'applique qu'à Internet Explorer, .gecko pour Mozilla, Firefox, Camino, .opera pour Opera, et .safari pour Safari et NetNewsWire. Pffff... Quel bonheur ! :¬)

Plus d'infos et mode d'emploi chez Rafael Lima

Diffusez cette note via Additious
 

Commentaires

1. Le lundi 24 juillet 2006 à 16:05, par Tyrannysaure

C'est exactement ce qu'il faut éviter, faire des styles adaptés au navigateur...



2. Le mardi 25 juillet 2006 à 01:27, par Netwizz Jungle Blog

Evidement qu'il faut éviter ! Mais c'est inévitable !!
Si tu n'as jamais fait de hacks dans une CSS c'est que tu n'en fais pas beaucoup...
Tyrannysaure, dommage que tu sois resté anonyme, j'aurai aimé voir tes sites/blogs.