[Résolu] Sélectionner une classe CSS selon le navigateur ?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Résolu] Sélectionner une classe CSS selon le navigateur ?

LightBen

Bonjour,

Je sais qu'il est possible via ce qu'on appelle apparemment un hack CSS de sélectionner une feuille de style CSS spécifique selon le navigateur.
Ce que je voudrais savoir, c'est est-ce qu'il est possible de sélectionner un élément particulier d'une CSS selon le navigateur ?

Exemple :

Code :

[Si IE alors]
.class1 {...}
[sinon]
.class2 {...}

Ma question concerne class, id ou autre

Le mieux serait de toucher à la CSS vu qu'elle est incluse partout.
Au pire, ce serait dans le HTML ou alors via un script JS ou PHP ?

exemple :

Code :

<p [si IE alors] class="class1" [sinon] class="class2">element</p>

Voilà... merci =)

Message édité par LightBen le 31-03-2011 à 16:38:59

Publicité

Antoine T

Bonjour, de ce que je connais des hacks CSS, c'est su style :

Code :

<head>
<!--[if IE]>
.taclass{
}
<![endif]-->
<!--[if !IE]>
.taclass{
}
<![endif]-->
</head>

Tu peux ensuite spécifier quelle version d'IE, (ie : gt6 pour "greater than version 6" ) etc...
A confirmer

Message édité par Antoine T le 31-03-2011 à 10:37:54

LightBen

OK je vais continuer à chercher, si quelqu'un trouve, il peut mettre sa réponse, si je trouve je la mettrai =)

LightBen

Oups, je suis tellement pressé j'ai dit "OK" mais pas "merci" ^^

LightBen

Pour le moment j'ai trouvé une fonction php :

Code :

<?php if (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE')) echo "<div style=\"margin-top:21px;\">"?>

Mais si j'utilise ça, je vais devoir le faire partout...

Est-ce qu'il y aurait un meilleur moyen ?

Merci =)

NB : le top aurait été ce genre d'algorithme dans la CSS :

Code :

si IE alors utiliser la classe1 sinon utiliser la classe2

Antoine T

Le code que je t'ai donné est un début de piste justement. C'est de mémoire, mais vérifie sur Google.

Dans le head de ta page, tu places ce code. La balise . L'autre balise <!--[if !IE] (avec le point d'exclamation) détecte tous les navigateurs non-IE. Le code à placer est donc ta class CSS (ou div, id, etc...) pour les navigateurs non-IE.

LightBen

Alors, il faut que je fasse un récapitulatif pour bien cerner les choses :

J'ai un fichier index.php avec mon code, et un fichier style.css qui lui applique toute la charte graphique.

Dans index.php j'ai :

Code :

<div class="class1">contenu</div>

Mais sous IE ça marche mal donc je voudrais à la place :

Code :

<div class="class2">contenu</div>

Donc pour cela il faudrait remplacer la class1 par class2 pour IE.

Tu me dis :
Dans le head de index.php je mettrais

Code :

<!--[if !IE]>
.class1{
}
<![endif]-->
<!--[if IE]>
.class2{
}
<![endif]-->

Mes questions :

1) Je peux mettre ça dans la CSS au lieu de le mettre dans le head ?
2) Sinon, je dois le mettre entre les balises style du head je suppose ?
3) Au niveau du code, comment je fais ? (la div où la classe doit être appliquée)

Merci =)

Antoine T

Voici un code qui doit marcher (toujours de mémoire, à adapter, ou reprendre). Je ne suis pas un pro du CSS ^^

Fichier index.php :

Code :

<html>
<head>
<!--[if !IE]>
div.class{
color : red;
}
<![endif]-->
<!--[if IE]>
div.class{
color : blue;
}
<![endif]-->
</head>
<body>
<div class="class">
Texte en rouge si Firefox, en bleu si IE
</div>
</body
</html>

Essaye ceci

Message édité par Antoine T le 31-03-2011 à 14:44:15

LightBen

Enfin, j'ai réussi ^^ Merci beaucoup Antoine =)

Donc dans mon cas, la condition "if IE" marche, mais "if !IE" ne marche pas. Du coup, j'ai mis le code normal dans le fichier css, et j'ai mis le code pour IE dans le head, car ce code est prioritaire au code CSS.

Ma solution personnelle :

index.php :

Code :

<head>
<!--[if IE]>
<style type="text/css">
class1 {
border:0px;
}
</style>
</head
<![endif]-->
<body>
<div class="class1">contenu</div>
</body>

style.css :

Code :

class1 {
border:12px;
}

Je sens que je vais m'amuser moi ^^ avec IE9 le décalage d'interprétation est pire

FORUM HardWare.fr

Programmation

HTML/CSS

[Résolu] Sélectionner une classe CSS selon le navigateur ?

Sujets relatifs
Méthode n'appartenant qu'à une classe fille - dynamic_cast	[CSS] Problème d'affichage!
[HTML/CSS/Javascript/(php ?)] Widget sidebar	Style CSS de ma balise body non reconnu
[Java/JEE] [Résolu] Comportement Calendar selon Locale	macro TCD: impossible lire propriété PivotTable de la classe WorkSheet
structure Vs classe	classe python
CSS: border-right-width-ltr-source: physical; c'est quoi?! [résolu]	[C++] tableau de classe dans une autre classe ?
Plus de sujets relatifs à : [Résolu] Sélectionner une classe CSS selon le navigateur ?

Page générée en 0.047 secondes