Discussion :

[zvath773]

Salut, j'ai un problème sur mon site.
Je l'ai construit en prenant pour base Internet explorer 10, et le problème c'est que dès que j'affiche mon site dans Chrome ou Firefox, l'affichage n'est pas le même (boutons décalés, images absentes etc...)

existe t-il une manip pour rendre compatible son site avec tous les navigateurs ?

merci d'avance

[RomainVALERI]

une manip

Bienvenue dans le developpement web

Non, aucune "manip". Un tas de petites différences à connaitre empiriquement.

Pour la partie Javascript, l'usage de librairies simplifie et lisse souvent la plupart des différences entre navigateurs, mais en ce qui concerne la structure HTML, le CSS, etc. pas de solution miracle, la compatibilité multi-navigateurs, c'est "le gros du boulot".

De nombreux développeurs considèrent que le chemin le plus court est celui-ci :

1) développement sous Firefox (pour l'assez bonne conformité au standard mais surtout pour Firebug)

2) adaptation aux multiples particularités IE (notamment pour les versions plus anciennes, car les versions plus récentes ont corrigé une grande partie des bizarreries et arrièrismes* historiques ^^)

3) vérification sommaire sur les autres principaux navigateurs (Chrome, Safari, Opera, ...) (mais souvent il ne reste plus grand chose à "réparer" à ce stade)


* word not found : check a dictionnary, helpless geek.

[bob633]

+1

Je développe toujours sur Google Chrome, une fois que ca fonctionne bien, je teste le tout sous IE 6/7/9 en fonction de la compatibilité que je cherche.

Je teste pas les autres navigateurs car souvent quand ca passe sur IE6, tu peux crier victoire

Après si tu veux avoir beaucoup de chance d'avoir tout bon, faut éviter d'utiliser des balises non reconnues par IE et voilà.

[zvath773]

Oui merci donc du coup, vu que j'ai des avis différents, vous me conseillez de prendre quel navigateur comme "base" de dvt ?

[bob633]

Ca dépend ce que tu vises. Moi je développe toujours sur chrome, ca permet d'avoir une base solide pour IE.

Après si tu veux êtres sûre, tu peux partir sur du IE 6 voir IE 7 pour être sûre ue ca passera partout.

Après, si tu acceptes qu'un minimum d'utilisateurs puissent avoir des petits défauts sur des vieux navigateurs, tu peux te baser sur IE9 et les autres

L'utilisateur lambda laisse souvent les MAJ Windows donc il aura IE9 dans la plupart des cas (s'il est sur vista / seven). Mais le support de XP va bientôt s'éteindre donc rendre compatible et se casser la tête pour du IE6 / 7 c'est pas forcément extra ... Pour des utilisateurs avancés, ils auront FF, Opera, Chrome ou autres.

[RomainVALERI]

Oui merci donc du coup, vu que j'ai des avis différents, vous me conseillez de prendre quel navigateur comme "base" de dvt ?

Ici je trouve que c'est Firebug qui fait la différence ^^ donc je dirais Firefox.

[dourouc05]

Ici je trouve que c'est Firebug qui fait la différence ^^ donc je dirais Firefox.

Ne pas oublier Opera avec son Dragonfly, disponible de base, il joue dans la même cour que Firebug.

[ABCIWEB]

Perso la base c'est Firefox puis contrôle sous IE6.

Niveau CSS pour retrouver l'origine d'un formatage un peu compliqué j'utilise parfois Chrome en complément de Firefox. Car j'ai remarqué que chrome trouve quelque fois des styles imbriqués que firefox n'a pas trouvé, et l'inverse est aussi vrai.

Concernant la compatibilité IE6 ce n'est plus pour l'instant que 1% des utilisateurs selon ce lien http://www.w3schools.com/browsers/browsers_explorer.asp on va donc bientôt pouvoir faire définitivement l'impasse sur cet ancêtre tant maudit par les intégrateurs

[Bovino]

Je l'ai construit en prenant pour base Internet explorer 10

Très mauvaise idée !
IE10 n'est pas encore en version définitive et ne devrait pas être utilisé comme référence pour créer un site !