webleads-tracker

Différence de rendu entre les navigateurs

Christelle Loiseau
Bonjour,
Comment gérer les problèmes de rendu entre les différents navigateurs web?
Par ailleurs, j'obtiens des différences entre deux même navigateurs sur deux postes différents.

Merci d'éclairer mon problème

Julien Lafillé [37e Parallèle Multimédia]
Bonjour Christelle,

pffff...il va nous falloir du temps et des précisions pour t'aider !
Déjà, quels sont les navigateurs dont tu parles ? IE et FFox je présume, mais quelles versions ?
Ensuite, utilises-tu les outils INDISPENSABLES au debuggage de CSS :
- WebDevelopper et/ou Firebug (sous FFox)
- XRay et/ou DebugBar (sous IE)

Les différences de rendu entre 2 navigateurs (a priori) identiques sur 2 postes différentes peuvent s'expliquer par pas mal de choses : je te conseillerai avant toute chose de remettre les options dudit navigateur par défaut.

Voilà, c'est tout pour le moment, essaye ça et donne nous des précisions.

Julien

Sylvain
Voici quelques astuces pour améliorer la compatibilité avec Internet Explorer http://smashingcoding.com/2008/01/31/5-astuces-pour-ameliorer-la-compatibilite-css-de-internet-explorer/

Christelle Loiseau
Bonjour,
merci pour ces précisons, j'ai en effet réussi à résoudre les petits bugs.

Thierry [1Dclic]
Bonjour,

Le lien indiqué par Sylvain n'est aujourd'hui plus d'actualité... ce nom de domaine est même en vente... il n'est donc plus très utile et devrait peut-être être supprimé... Vous auriez une nouvelle piste?

Pour ma part, je teste actuellement mon site de démo avec IEtester, outil suggéré dans l'admin d'IziMedia.

L'outil est sympa et je me suis pris au jeu de tester avec les différents IE. Du coup, sous IE5.5, je constate l'ouverture de messages d'erreurs sur certaines pages, mais pas sur toutes... Vous auriez une idée d'où cela peut provenir?

Merci...
Thierry Leprince
1Dclic - Rennes - Châteaubourg - Vitré (35)
www.1dclic.fr - Création de sites - Référencement – Formation

Kilian
Bonjour,

Pour les tests multibrowser je vous conseille Xenocode : http://www.xenocode.com/browsers/
Il permet d'exécuter en standalone les différents browser dans leur véritable version (pas d'émulation comme certain mutliple ie).

Pour les personnes étant sur des OS linux ou Mac, la virtualisation d'une machine Windows est souvent indispensable (XP notamment pour notre très cher IE). Virtualbox (http://www.virtualbox.org/) de Sun est une solution gratuite plutot performante quand il s'agit uniquement de virtualiser une machine pour des tests de navigateur.

Enfin pour en revenir au sujet initial de comment éviter les différences de rendu... c'est une longue histoire : mais personnellement j'ai opté pour un code respectant les standards et une dégradation pour les navigateurs désuets ne les respectant pas. Une bonne explication avec le client suffit souvent à le convaincre que c'est la meilleure des solutions. Certains sont même pour l'affichage d'un message encourageant les visiteurs a passer sur un navigateur moderne.
K by Zéphyr

Guillaume
Bonjour tout le monde,
J'ai tant bien que mal supprimé les bugs sous IE (et notamment le 6).
Par contre, quand ma cliente créée un article en bloc, à chaque saut de ligne (
, un petit carré apparait 






sous les IE.
Que faire ?




p.s. : c'était quand même plus sympa quand le support n'était pas payant...

Gaëlle
As-tu un lien ou un morceau de code (xhtml + css) que l'on puisse essayer de t'aider ?

Yann Faurie
Bonjour,

Au cas où, pour maximiser la compatibilité entre navigateurs, je re-poste un billet de blog pleins de bons conseils (ne s'applique pas qu'à IE) :

http://blogs.medialibs.com/yf.php/post/2009/09/16/Comment-corriger-plus-de-25-bogues-dInternet-Explorer-6

@Guillaume, si c'est un carré vert, c'est qu'il s'agit d'un élément de liste
  • , peut-être surchargé dans les CSS mais par une règle qui ne marche pas avec IE... Just my two cents, sinon comme demande Kilian, merci de fournir un bout de code plus explicite !

    Cordialement,
    Yann Faurie
  • --
    http://www.twitter.com/yannfaurie