CSS: IE VS Firefox

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...

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

Lol, rien qu'avec le titre CSS = FireFox

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)

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

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

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?

Up !

Please i need help ^^

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 !

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? :)

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)

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...

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..

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

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

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

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

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)

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" />
<!--[if IE]> <link href="ie.css" rel="stylesheet" type="text/css" media="screen"> <![endif]-->
<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

Personne?