Salut!

J'ai une question qui peut paraître bête, j'ai déjà cherché sur internet mais je n'ai rien trouvé.
Je pense que vous avez déjà compris avec le titre explicite..existe-t-il un certain bout de code semblable à celui permettant de dire "Si l'utilisateur utilise firefox, on utilise tel css, si il utilise IE, on utilise l'autre css" mais qui prendrait en compte le fait que l'utilisateur utilise google chrome ou non ?
"Si il utilise Chrome , alors on prend tel css, sinon on prend l'autre" ?

Je suppose que non mais j'aurais bien aimé être sûr.
Merci bien!

peut-être possible mais sans grand intérêt.

Pourquoi ne pas respecter les standards plutôt ?

http://www.alsacreations.com/actu/lire [...] s-webkit.html

Salut!
Si si! Sa existe. Tu peux utiliser plusieurs feuilles de style selon le navigateur :

<!--[if !ie]>
<link rel='stylesheet' type='text/css' href='tafeuilledestyle.css'>
<![endif]-->
<!--[if IE]>
<link rel='stylesheet' type='text/css' href='tafeuilledestyle2.css'>
<![endif]-->

Sinon tu peux mettre un peu de css entre les balises <!--[if !ie]> et <![endif]--> avec <style> et </style> comme sa :

<!--[if !ie]>
<style> ton css </style>
<![endif]-->

Enfin j'espère que c'est bien ce que tu cherchais

PS: Je précise que ce code est à mettre dans ton HTML.

Non en css c'est impossible sauf pour IE, mais tres simple en javascript :

http://www.quirksmode.org/js/detect.html

PS: ceci dit, je te déconseille de faire un css par navigateur, c'est de la perte de temps et il n'y a aucun intérêt, firefox et chrome on un rendu semblable.

Oui mais on est pas obligé de réécrire tout le css, juste la partie qui change selon le navigateur non ?

Oué mais qu'est ce qui change de firefox à chrome? Ok pour les -webkit et les -moz mais bon si c'est juste pour ça je vois toujours pas l'intérêt sauf cas vraiment exceptionnel ou alors pour rattrapé les css qui peut bugger sur opera

Cela est bon pour internet exploré VS les autres autrement innutile.

IE trop de chose ne marche pas et sont comnpletement different aux autres (très affreux) lol

Pour IE il faut souvent utiliser du css différent je crois (enfin moi pour pas mal de truc j'ai dû utiliser cette technique).
Surtout si c'est un design assez complexe avec des transitions des dégradés et tout ça.
Mais les -webkit ne serons utilisé que par chrome et les -moz que par mozilla donc de toute façon pour ces deux navigateurs c'est inutile.
Sa ne sert que pour IE et pour Opera je ne sais pas.
PS: j'approuve Facebook-en-folie : IE est bon à jeter vraiment nul. C'est quand-même étonnant pour un logiciel de Microsoft.

Bonjour,

IE est un excellent navigateur ; si votre site ne s'affiche pas correctement sur IE8-9, le problème vient de votre code.

Sinon, comme dit, il n'y a aucun intérêt à faire plusieurs feuilles de styles. Une seule pour tout le site, tous navigateurs, toutes versions. Ensuite, éventuellement, on ajoute une feuille supplémentaire pour IE7 à l'aide d'un commentaire conditionnel si besoin, pour corriger quelques manques des propriétés CSS2 - et encore, on s'en fout un peu d'IE7, il date de 2006. Firefox 3.6 et inférieurs, on oublie, inutile de s'embêter avec du js/php pour si peu. On le fait pour IE7 parce que c'est facile et rapide à faire avec un commentaire conditionnel.

Bon, je vais faire un petit message bref.

Ce que tu cherches à faire est inutile. Ce que tu dois penser est qu'un code grand est un code optimal, c'est faux, écrire moins pour faire plus c'est un des buts premier du développeur (on est pas considérés comme des feignants pour rien ).

Pour IE, je trouve que c'est un excellent moyen d'avoir un avis sur la qualité de son code en le testant dessus. Il ne faut pas oublier non plus que l'informatique est très vaste et que les développeurs font de leur mieux!

Un développeur n'est pas feignant. Il passe beaucoup de temps à chercher le meilleur moyen d'optimiser sa productivité !

déjà merci pour vos réponses
mais je clarifie quelque chose :

le design marche très bien sous FIREFOX et INTERNET EXPLORER (y compris les anciennes versions apparemment)

MAIS : mon seul problème est qu'avec GOOGLE CHROME, j'ai un décalage d' 1 pixel entre 2 de mes div ..
Ce qui est plutôt embêtant , puisque quand même pas mal de personnes l'utilisent.

Et donc j'aimerais ne pas avoir à retaper tout un nouveau code alors que j'ai déjà du faire pas mal de modif, et qu'il marche bien sous FF et IE, ce qui 'prouve' un peu que je n'ai pas codé si mal que ça je pense? (même si je suis conscient de surement faire beaucoup d'erreurs et de ne pas avoir la méthode parfaite)

Edit:
et donc toutounel, le code que tu me proposes pourrait être bien , mais je me demandais si cela n'existait pas sous la forme if(chrome) ...
parce que là Chrome est le seul navigateur avec lequel je voudrais avoir une petite modif du code

Du coup ce qu'il nous faudrait c'est soit ton code, soit un lien vers ton site.

http://www.gospelonwallz.com/CODAGEGOW/newz.html
voilà la page

Donc le décalage est sous CHROME, avec les pages PROD & KONTACT il me semble

EDIT: je peux poster le code HTML ou CSS des pages que vous voulez

Salut je crois que sa existe pour quasiment tous les navigateurs mais en php ..
Voici ce que j'ai trouvé :


J'ai trouvé sa là : http://stackoverflow.com/questions/129 [...] onal-comments

Je vais le tester et si ça ne marche pas j'éditerai le post.

Je vais mettre le sujet en 'résolu', j'ai réussi à virer mon bug de décalage sous Chrome en modifiant un peu mon codage.

Mais en tout cas merci pour l'aide! même si j'ai réussi à régler mon soucis vos réponses vont me servir! et merci toutounel pour le bout de code, ça a l'air pas mal! surtout quand je m'attaquerai à la compatibilité sous safari et autres!

Pour un site compatible :

• On valide le code html avec le validateur w3c
• On ouvre Internet Explorer, Firefox, Chrome (au moins, ne pas hésiter à ajouter Opera et Safari), de préférence avec des versions à jour (donc IE9, FF10, C16).
• On reprend son CSS de 0, en regardant les effets de chaque nouvelle ligne dans CHAQUE navigateur ouvert, si possible sous plusieurs résolution (en redimensionnant la fenêtre par exemple).
• S'il y a une différence d'affichage notable (autre que de petites différences de marge), c'est soit :
  
  • Qu'une propriété est mal employée (erreur de code ? propriété invalide ? margin au lieu de padding ?)
  • Qu'il manque quelque chose (float sans clear ? float sans width ?)
  
  

Attention à toujours utiliser des propriétés dont tu connais l'incidence. Si tu ne sais pas bien, réfère-toi à la documentation d'une propriété (voir liens plus bas). Si tu sèches, pose la question ici.

Au bout de quelques temps avec cette rigueur, tu comprendras mieux le CSS, tu sauras ce qui marche et ce qui ne marche pas, et tu n'auras quasiment plus besoin de retoucher tes codes. Mais il faut la patience d'apprendre.

Allez, voyons maintenant tes amis pour la vie :
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/
http://www.w3schools.com/
http://www.yoyodesign.org/doc/w3c/css2/cover.html

Bon courage

Aussi vous pouvez utiliser de 2 classes différentes :

<style type="text/css">
div.ff {
    padding-top:5px;
}
div.chrome {
   padding-top:10px;
}
</style>

<div class="ff chrome">
    <p>Mon texte :/</p>
</div>

Cordialement

Kss.0s(at)zw3b(dot)fr

orj > outre que tu remontes un sujet qui a plus de 2 ans, tu ne l'as probablement pas lu, puisque la plupart des réponses parlent plutôt de coder proprement (le browser sniffing, c'est vilain).

Lamecarlate > çà peut toujours dépanner sans... prog PHP ni code JS :/

Ben non. Comment tu fais pour mettre les classes "ff" ou "chrome" ? Si tu mets les deux, la deuxième déclaration (ici, .chrome) écrasera la première.

Lamecarlate a écrit:

Ben non. Comment tu fais pour mettre les classes "ff" ou "chrome" ? Si tu mets les deux, la deuxième déclaration (ici, .chrome) écrasera la première.

oui pas bête !o! attend k'j'reflechisse :/

bon okay... ! j'm'suis gouré ! Dans la précipitation j'ai écris cela...

Lamecarlate > Merci pour ton commentaire sensé et instrictif

-
Edité par ORJ 30 avril 2014 à 13:53:36