<img src="/public/_skin/_local/img/logo.png" alt="Comment &Ccedil;a Marche - Informatique" />

Smoking bird, le 6 jun 2008 à 15:32:17

En javascript tu peux effectuer des tests avec certaines fonctions, si celles ci ne marchent pas, tu peux en déduire le type de navigateur sur lequel tu te retrouve, et en fonction de ça, lier la bonne feuille CSS. J't'avouerais que j'ai pas mon bouquin javascript sous la main, donc j'peux pas te les filer là maintenant ;) par contre, la détection sera toujours sujette à erreurs ^o)

Répondre à Smoking bird

Revan26914, le 6 jun 2008 à 16:10:30

Bonjour,

tu peux utiliser un conditionnal comment:

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

dans ce cas là, tu dois utiliser une deux feuilles de style: une pour les navigateurs autres que IE, et une pour IE.

Cordialement

Revan
There are 10 types of people in the world: those who understand binary and those who don't.

rey-s, le 6 jun 2008 à 16:11:15

Merci quand même ^^

Par contre si l'on pouvait éviter le javascript ça m'arrangerais (pas expert du tous j'avais dit ^^)

Personne n'a d'idée? Jpensais à une page qui permetrais de commuter les feuilles de style exemple:

"Cliquer ici pour une optimisation firefox"
"cliquer ici pour une optimisation IE"

Je ne sais pas si c'est possible et si oui, je ne sait pas comment lier deux css à une page (A moin de faire deux site différent un pour ie et l'autre pour firefox mais ça deviendrais trop conséquent..)

Voila voila

PS: Yoogui pas compris O_o

Revan26914, le 6 jun 2008 à 16:25:47

La manière que j'explique plus haut (conditionnal comment) est plus simple. Ça s'occupe automatiquement de déterminer si c'est Internet Explorer ou un autre navigateur et si c'est IE, alors il utilise la feuille de stylle (CSS) pour IE.

@+
There are 10 types of people in the world: those who understand binary and those who don't.

rey-s, le 6 jun 2008 à 16:27:57

Je viens de voir ton message Revan

J'ai mis ton code dans mon head, j'ai crée un fichier ie.css j'ai heberger dans mon serveur, puis j'ai actualiser ma page IE,
ça n'a rien changer...
J'ai mal fait quelque chose?

Revan26914, le 6 jun 2008 à 17:10:06

Tu as changer le CSS de ie.css ?

car il faut aussi modifier le CSS ie.css afin qu'il soit compatible avec Internet Explorer. Faire copier/coller du même CSS qui ne fonctionne pas avec IE ça ne changera rien..

There are 10 types of people in the world: those who understand binary and those who don't.

Revan26914, le 6 jun 2008 à 17:29:46

Oupss désolé. C'est en fait ça le code qui faut mettre:

<!--[if IE]> <link href="style/ie.css" rel="stylesheet" type="text/css" media="screen"> <![endif]-->

There are 10 types of people in the world: those who understand binary and those who don't.

macgawel, le 6 jun 2008 à 17:17:33

Tu as pensé à vider le cache ? :-P

(Au passage : si tu fais ton site en PHP, tu peux récupérer des infos sur le navigateur et/ou l'OS, et mettre le CSS qui va bien en fonction...)

rey-s, le 6 jun 2008 à 16:48:09

Up !

Please i need help ^^

macgawel, le 6 jun 2008 à 16:54:18

Bonjour.

Suivant ce que tu as à faire (le nombre et l'importance des différences), tu peux essayer quelques "tricheries" pour conserver un unique fichier CSS (à vérifier, je ne sais pas comment IE 7 gère les CSS...) :
Prends un fichier html :

<ul id="menu">
<li>Liste enfant
<ul><li>liste petit-enfant</li></ul>
</li>
</ul>

Pour ce code CSS

#menu li{
color:red ! important;
color:black;}

Le marquage !important, comme son nom l'indique est sensé forcer le CSS à utiliser la ligne marquée en priorité. Mozilla le gère bien, mais IE non.
=> Sous Mozilla : tu as te <li> en rouge. Sous IE6 elles sont en noir.

De la même manière, IE6 ne sait pas gérer la notation "enfant immédiat" (je ne suis pas sûr de l'appellation exacte). Notation pere>fils :

#menu li {
   color:red;
}
#menu>li {
   color:black;
}

Le contenu des <li> de menu est en rouge.
Le contenu des <li> directement fils de menu est en noir.

On devrait avoir "Liste enfant" en noir, et "liste petit-enfant" en rouge.
En pratique ça ne marche que sous Mozilla. Sous IE tous les <li> seront en rouge...

Grunt, le 6 jun 2008 à 16:59:31

Sinon tu fais comme certains sites : "ce site est conforme aux spécifications du W3C, veuillez utiliser un navigateur compatible"

j'en ai même vu un qui listait une dizaine de navigateurs, en indiquant:
"Firefox: compatible, Opera: compatible, Safari: compatible, ... etc.. etc.. Internet Explorer: imcompatible"

T'y es pour rien si les gens ont installé un navigateur qui comprend mal le CSS, quand même !

Répondre à Grunt

rey-s, le 6 jun 2008 à 17:00:53

Une tactique de "tricheries" ne m'arrange pas trop, car avec cette technique il est possible qu'a la prochaine MAJ de ie toutes les commandes qui devrait être lue par firefox uniquement le soit aussi par la new version de ie, d'ailleurs comme tu l'a dit tu ne sait pas ce que cela donne sur ie-7..
Je ne préfere pas opter pour cette solution, mais merci à toi macgawel de m'avoir répondu ^^

Toujours rien à part ça? :)

macgawel, le 6 jun 2008 à 17:12:44

Le problème, c'est que quoi que tu utilises, tu risques d'avoir des problèmes sur une prochaine MàJ.

A la limite, ces "tricheries" ont un avantage (à mon avis), c'est qu'un navigateur respectant les normes affichera toujours la même chose (modulo les différences de valeurs par défaut).

Si tu utilises des fichiers différents, il te faudra déjà un fichier IE6, un pour IE7, un pour les autres. Et éventuellement en rajouter encore un nouveau pour IE8 - voire pour la prochaine MàJ de IE7...

rey-s, le 6 jun 2008 à 17:03:17

Yep Grunt, j'ai pensé à carrément crée le site optimiser pour firefox, mais le boss (je suis en stage et je crée un site pour une entreprise) tiens à son IE, et tiens aussi à ce qu'il soit compatible avec un maximum de navigateur (Opera, safari etc.. pour l'instant je me concentre que sur fire et IE)

Revan26914, le 6 jun 2008 à 17:13:18

Et il a raison! Si on fait des sites uniquement compatibles pour Firefox, les millions d'utilsateur d'IE ne viendront pas sur le site ;)

There are 10 types of people in the world: those who understand binary and those who don't.

Grunt, le 6 jun 2008 à 17:08:13

Arg, ces sales clients qui font rien qu'à baisser le chiffre d'affaire quand on leur fait comprendre que leur navigateur est pourri ^^

Répondre à Grunt

Brachior, le 6 jun 2008 à 17:23:29

Si tu veux vraiment etre conforme aux normes et a ie ...
alors regarde a quoi tu t'exposes :
http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/
xD lol ^^

Répondre à Brachior

rey-s, le 9 jun 2008 à 09:53:34

De retour après un petit week end ^^

Donc c'est la merd* quoi lol

Personne ne sait comment on pourrais s'arranger pour les histoire de deux feuilles de style (Que selon le navigateur on en utilise une ou l'autre..)?? Car je pense que c'est la meilleur solution...

yoogui, le 9 jun 2008 à 09:56:08

Regarde par exemple.Faut pas utiliser IE, c'est le truc qu'utilise ceux qu'ils sont trop flemmard ou trop ignorant pour avoir FF, le meilleur programme de navigation web..

rey-s, le 9 jun 2008 à 10:04:16

Peut être mais quand on à pas le chois on à pas le choix ^^

yoogui, le 9 jun 2008 à 10:04:57

Pas le choix...FireFox est gratuit et ne prend pas beaucoup de place sur le disque

rey-s, le 9 jun 2008 à 10:14:39

T'es dans une entreprise le client est roi, une majorité d'utilisateur utilise IE, donc quand ton patron te dit IE (Cf plus haut je sais pas si tu a lu) ba tu fait IE c'est tout... Crois moi je prefererais firefox aussi... Mais c'est pas possible de mettre la page optimiser en firefox et de mettre un petit lien donnant sur le teléchargement de FF, je pense vraiment pas que le patron apprécierais lol

yoogui, le 9 jun 2008 à 10:16:04

Il te reste plus qu'à faire du boulot pourri et prévenir au boss que c'est ce qu'il a demandé ^^

rey-s, le 9 jun 2008 à 10:22:08

Wep mais si je pouvais m'arranger pour faire une version avec firefox (2 feuille CSS) ça serait mieux :)

Donc toujours personne pour cette solution (Je désespère lol)

macgawel, le 9 jun 2008 à 10:37:27

Re.

Si ton site est en php, tu peux récupérer les infos sur le navigateur utilisé avec $_SERVER['HTTP_USER_AGENT'].
Ensuite, suivant le navigateur tu utilise la feuille CSS qui va bien...

$nav = "ff"; // Par défaut, on utilise la feuille de style pour FF
if ( strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE 6' )) {
$nav = "ie6";
}
elseif ( strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE 7' )) {
$nav = "ie7";
}
// On peut rajouter des tests pour les autres navigateurs...

// On insère la feuille de style, suivant le navigateur
echo '<link type="text/css" rel="stylesheet" href="style_'.$nav.'.css" />';

Revan26914, le 9 jun 2008 à 12:13:28

J'ai déjà répondu à ta question pour les deux feuilles de style. Il faut utiliser ce code:

<!--[if IE]> <link href="style/ie.css" rel="stylesheet" type="text/css" media="screen"> <![endif]-->

C'est simple, c'est juste une ligne à ajouter au code entre les balises <head></head>

Tu crées ta feuilles pour tous les navigateurs et tu mets ton lien vers ta feuille de style:

 <link rel="stylesheet" media="screen" type="text/css" title="Design" href="style.css" />

ensuite tu crées une feuilles de style ie.css en copiant et collant le contenu de "style.css" et tu modifies le code afin que ce soit compatible avec Internet Explorer. Pour finir, tu insères le code suivant:

<!--[if IE]> <link href="style/ie.css" rel="stylesheet" type="text/css" media="screen"> <![endif]-->

@+

Revan
There are 10 types of people in the world: those who understand binary and those who don't.

rey-s, le 9 jun 2008 à 14:16:17

Revan j'avais déjà essayer ton code, il n'avait pas fonctionner, tiens le code que j'ai fait:

<head>
<title>Adenia</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" media="screen" type="text/css" title="Design" href="adenia.css" />
<script type="text/javascript">

Il ne fonctionne pas et prend toujours comme base la feuille de style de firefox...

(Ma feuille de style IE s'appelle ie.css c'est pour ça que j'ai changer ton href="style/ie.css")

macgawel, ton code ma donner une page blanche pour les deux navigateur :d

Revan26914, le 9 jun 2008 à 15:31:47

Juste une petite chose avant, il manque un slash (même si c'est pas ça le problème^^):



Est-ce que tu as modifié le CSS ie.css? Ou tu as gardé le même que adenia.css" ?

There are 10 types of people in the world: those who understand binary and those who don't.

gaby10, le 9 jui 2009 à 11:39:32

Bonjour Revan26914
Est ce que ces lignes sont correctes ?

<!--[if IE]> <link href="ie.css" rel="stylesheet" type="text/css" media="screen"> 
		<!--[ELSE]>
		<link href="ff.css" rel="stylesheet" type="text/css" media="screen">
		<![endif]-->

Par ce que chez cela ne marche pas.
Merci Logiquement, apres le binaire viendra le ternaire.

Répondre à gaby10

Revan26914, le 9 jui 2009 à 21:39:40

Bonsoir,

Le <!--[ELSE]> n'existe pas. Le bon code est:

<!--[if IE]> <link href="ie.css" rel="stylesheet" type="text/css" media="screen" /> <![endif]-->
<link href="ff.css" rel="stylesheet" type="text/css" media="screen" />

Tu peux aussi utiliser le PHP:

<?php
if (ereg("MSIE", $_SERVER["HTTP_USER_AGENT"]) AND !ereg("MSIE 8.0", $_SERVER["HTTP_USER_AGENT"]))
{
	echo '<link href="ie.css" rel="stylesheet" type="text/css" media="screen" />';
}
else
{
	echo '<link href="ff.css" rel="stylesheet" type="text/css" media="screen" />
}
?>

J'ai rajouté !ereg("MSIE 8.0", $_SERVER["HTTP_USER_AGENT"]) à la condition parce que Internet Explorer 8 est beaucoup plus respectueux des standards ce qui permet d'utiliser une feuille de style normal. Et si on utilise la même feuille de style pour IE 8 que pour les anciennes versions, c'est la catastrophe ;-)

Cordialement

Revan Il y a 10 types de personnes dans le monde: ceux qui comprennent le binaire
et ceux qui ne le comprennent pas.