osCommerce France : Accueil Forum Portail osCommerce France Réponses aux questions Foire aux contributions

Bienvenue invité ( Connexion | Inscription )

 
Reply to this topicStart new topic
> Créer un CSS dédié à IE 9
A.M.
posté 3 Apr 2011, 09:29
Message #1


Ceinture jaune OSC
Icône de groupe

Groupe : Membres
Messages : 54
Inscrit : 3-May 08
Membre no 21689



Je suis en train de migrer vers 2.3.1, mais je constate qu'une même page du front office s'affiche différemment entre IE 9 et firefox. Si je modifie la stylesheet.css pour embellir sous IE9, alors c'est la version firefox qui se dégrade, et vice versa. Je souhaiterais créer un .css dédié à IE, et je tombe souvent sur ce code :

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


Petite question : où l'insérer? Personne ne le dit! J'ai déjà testé plusieurs emplacement, ça ne marche pas.

Ce message a été modifié par A.M. - 3 Apr 2011, 09:31.
Go to the top of the page
 
brouillard
posté 3 Apr 2011, 10:53
Message #2


Ceinture orange+ OSC
Icône de groupe

Groupe : Membres
Messages : 301
Inscrit : 9-December 09
Membre no 26687



Avant la balise </header>

pour la 2.3 c'est le fichier catalog/includes/template_top.php

Ce message a été modifié par brouillard - 3 Apr 2011, 10:55.
Go to the top of the page
 
brouillard
posté 3 Apr 2011, 10:57
Message #3


Ceinture orange+ OSC
Icône de groupe

Groupe : Membres
Messages : 301
Inscrit : 9-December 09
Membre no 26687



avant cette ligne
Code
<link rel="stylesheet" type="text/css" href="stylesheet.css" />


Ce message a été modifié par brouillard - 3 Apr 2011, 10:58.
Go to the top of the page
 
A.M.
posté 3 Apr 2011, 11:17
Message #4


Ceinture jaune OSC
Icône de groupe

Groupe : Membres
Messages : 54
Inscrit : 3-May 08
Membre no 21689



Ca ne marche pas. wacko.gif Voici mon code :
CODE
<!--[if lt IE 9]>
<link rel="stylesheet" href="css/stylesheet_ie.css" type="text/css" />
<![endif]-->
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<?php echo $oscTemplate->getBlocks('header_tags'); ?>
</head>


Ce message a été modifié par A.M. - 3 Apr 2011, 13:04.
Go to the top of the page
 
A.M.
posté 25 Apr 2011, 17:03
Message #5


Ceinture jaune OSC
Icône de groupe

Groupe : Membres
Messages : 54
Inscrit : 3-May 08
Membre no 21689



J'ai laissé tomber, je me suis contenté du meilleur compromis entre les deux navigateurs.
Go to the top of the page
 
brouillard
posté 26 Apr 2011, 16:13
Message #6


Ceinture orange+ OSC
Icône de groupe

Groupe : Membres
Messages : 301
Inscrit : 9-December 09
Membre no 26687



Citation (A.M. @ 3 Apr 2011, 11:17) *
Ca ne marche pas. wacko.gif Voici mon code :
CODE

<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<?php echo $oscTemplate->getBlocks('header_tags'); ?>
</head>


ça pourrait-être comme ceci :

CODE

<?php
$stylesheet = stylesheet.css;
if (stristr($_SERVER['HTTP_USER_AGENT'], 'IE8') {
$stylesheet = ie.css;
}
?>
<link rel="stylesheet" type="text/css" href="<?php echo $stylesheet; ?>" />


Je m'explique, au 1er passage, si HTTP_USER_AGENT ne contient pas 'IE8' la variable $stylesheet reste fixée sur stylesheet.css, dans l'autre cas elle passe à ie.css. Quoi qu'il en soit le href du stylesheet prend la variable $stylesheet.
Une fois que cela fonctionne, tu peux mettre un autre css pour IE6, IE7, IE9 ...

Ps : Pour la vérification de HTTP_USER_AGENT, je ne suis pas sûr que soit IE8 ou IE 8 parce que je travail avec Linux, mais un simple print_r($_SERVER['HTTP_USER_AGENT']) sous IE suffit pour la confirmation.
Go to the top of the page
 
telede
posté 28 Apr 2011, 19:01
Message #7


Ceinture orange OSC
Icône de groupe

Groupe : Membres
Messages : 183
Inscrit : 18-November 09
Membre no 26560



Comprendre la notion de ces balises ne serait-il pas plus simple ?

LT > Less Than
LTE > Less Than or Equal
GT > Greater Than
GTE > Greater Than or Equal

Un article là dessus pris au hasard : http://webdesignerwall.com/tutorials/css-s...ternet-explorer

wink.gif





--------------------
The value of a man resides in what he gives and not in what he is capable of receiving. - Albert Einstein
Go to the top of the page
 
FoxP2
posté 29 Apr 2011, 08:26
Message #8


Ceinture marron OSC
Icône de groupe

Groupe : Membres
Messages : 1665
Inscrit : 3-June 09
Membre no 25501



sur une version 'vanilla', le framework 960gs permet un affichage à l'identique, quel que soit le navigateur. (seul IE6 casse un peu les pieds)
je suis étonné qu'IE9 pose problème.
Go to the top of the page
 
brouillard
posté 30 Apr 2011, 13:57
Message #9


Ceinture orange+ OSC
Icône de groupe

Groupe : Membres
Messages : 301
Inscrit : 9-December 09
Membre no 26687



C'est vrai, surtout qu'avec cette méthode cela ne fonctionne pas, mais avec la méthode que j'ai présenté ça marche très bien wink.gif
Go to the top of the page
 

Reply to this topicStart new topic
1 utilisateur(s) sur ce sujet (1 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s) :

 



RSS Version bas débit Nous sommes le : 29th March 2024 - 03:10
Ce site est déclaré auprès de la commision Nationale
de l'Informatique et des Libertés (déclaration n°: 1043896)