28172 sujets

CSS et mise en forme, CSS3

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?
pr-brna a écrit :
Le problème est le suivant : intervenir sur un projet en cours qui a,
jusque là, évacué totalement ie6 des phases de test.

Si on a fait les choses proprement, et prévu 30% du temps d'intégration pour le debugging IE (ou jusqu'à 50% si beaucoup de widgets JS), c'est jouable. Autrement, ça va pas être possible.

pr-brna a écrit :
Quelle solution reste t'il?

Corriger les plus gros bugs dans le délai imparti: positionnement des principaux blocs, accès aux fonctionnalités de base.
je m'en sors en utilisant ce commentaire conditionnel-là :

<!--[if gt IE 6]><!-->
...
<!--><![endif]-->

afin de désactiver certains modules js. Appliqué directement dans le html, il permet de cacher du contenu à ie6 (et inférieur).

Dans le head, on peut aussi y faire appel pour réserver certains css et js aux autres navigateurs, et en appeler pour ie6 et inférieur grâce au commentaire suivant :
<!--[if lte IE6]><link rel="stylesheet" type="text/css" href="ie6.css"
/><![endif]-->

On peut peaufiner en utilisant les ie7 et ie8 de Dean Edwards :
http://code.google.com/p/ie7-js/

source :
http://groups.google.fr/group/webdevfr
Modifié par pr-brna (19 Nov 2008 - 12:00)