"Le problème est le suivant : intervenir sur un projet en cours qui a,
jusque là, évacué totalement ie6 des phases de test."
J'ai déclenché la guerre. Et cela sans franchir une frontière ou
passer la nuit sur un simulateur de vol... j'ai lâché le nom d'un
navigateur obsolète sur un forum de développeurs web. IE6. L'affaire
Dreyfuss de(s débuts) l'ère numérique...
Pour ceux qui se frotteront au même problème, voici une solution
(rapide, l'idée étant que la mise en ligne est imminente et que le
temps manque):
- désactiver les modules js source de bug grâce au commentaire
suivant, appliqué dans le html.
<!--[if gt IE 6]><!-->
<link rel="stylesheet" href=style.css" type="text/css" media="screen" /
<!--><![endif]-->
- se servir du même commentaire pour désactiver le css dans le head
- copier-coller le css, et l'importer uniquement pour ie6 (et <) grâce
au commentaire suivant :
<!--[if lte IE6]><link rel="stylesheet" type="text/css" href="ie6.css"
/><![endif]-->
- reprendre ce css pour rétablir la mise en page (commenter d'un signe
chaque modif); si cela ne suffit pas, sacrifier certains blocs dans le
html grâce au 1er commentaire
- créer un 3eme fichier css que l'on importe cette fois pour tous les
navigateurs; y intégrer les nouvelles propriétés, et, une fois les
modifs terminées sur le css ie6, les propriétés qui seront restées
communes (pas marquées du signe commenté)
- une fois le site publié, il est alors possible de bosser en local
pour améliorer la compatibilité... l'objectif étant de réduire au
minimum le nombre de propriétés réservées à ie6.
La solution d'Edwards ne fait pas de miracle, elle n'a pas aligné la
mise en page ie6 sur celle d'ie7. Il libère toutefois l'utilisation
des Pseudo-classes, sélecteurs d'atributs... si quelqu'un l'a testé,
peut-être pourra t'il me dire quel intérêt le script présente en ce
qui concerne le positionnement.
Pas de miracle non plus pour l'intégration du png dans la propriété
background(-repeat), quelles que soient les solutions utilisées :
l'image prendra la taille de la div, les étirant sur sa hauteur totale
dans mon cas. Pour faire vite, j'ai "dégradé" quelques png24,
remplacés par du 8 dans la feuille de style ie6.
Une qualité graphique moindre, des fonctionnalités en moins...
l'important est que le message passe, et que le processus de commande
soit fluide pour 20% des utilisateurs du site. C'est le cas... donc
encore merci pour les conseils.
On 18 nov, 18:02, BP <bernat.pie...@gmail.com> wrote:
> Le problème est le suivant : intervenir sur un projet en cours qui a,
> jusque là, évacué totalement ie6 des phases de test.
> résultat : aujourd'hui, la page d'accueil affiche un nombre de bugs
> impressionnant sur ce navigateur. Contrairement à mes nouveaux
> camarades, je ne suis pas certain qu'il faille définitivement évacuer
> les utilisateurs ie6, et prier pour que le passage à ie7 ou autre se
> fasse le plus rapidement possible.
> La page d'accueil, pour ne parler que d'elle, est faîte de
> positionnements complexes, de modules js et de Flash. J'ai pris pour
> habitude d'intégrer en testant continuellement sur ie7, firefox et
> ie6. Le minimum. Et de traîter les cas désespérés via un commentaire
> conditionnel et un css approprié. Mais sur ce coup-ci, vue l'étendue
> des dégâts, une css spécifique "Ite ie6" ne suffira pas.
> Quelle solution reste t'il? Re-développer la page du début? Peut-on
> "désactiver" l'ensemble des fichiers css et js importés, et ne les
> désactiver que pour ie6?
> Plutôt abattu par l'ampleur de la tâche, et le délai dérisoire...
> quelqu'un possède t'il une solution miracle?
|
