Différences Firefox IE

principal.adjoint · 12/01/2010 17:08:58

Bonjour,
Mon site http://collegelugny.free.fr est agréable à l'oeil sous Firefox 3.5.7. Par contre il est absolument hideux sous Internet Explorer 7.
Je sais que le template indigo peut poser problème mais j'y suis attaché car j'apprécie sa "largeur" de vue ainsi que les liens en haut, etc.
Y a-t-il quelques astuces permettant d'améliorer la situation ?
Cordialement.

michael79 · 12/01/2010 17:27:29

principal.adjoint a écrit :

Bonjour,
Mon site http://collegelugny.free.fr est agréable à l'oeil sous Firefox 3.5.7. Par contre il est absolument hideux sous Internet Explorer 7.
Je sais que le template indigo peut poser problème mais j'y suis attaché car j'apprécie sa "largeur" de vue ainsi que les liens en haut, etc.
Y a-t-il quelques astuces permettant d'améliorer la situation ?
Cordialement.

Bonjour,

Je viens d'essayer sur IE8 et c'est pareil que firefox. Je n'ai pas le 7, c'est si différent que cela?

Petit conseil: réduire le logo

A bientôt,

Michaël

jpg · 12/01/2010 18:42:59

principal.adjoint a écrit :

Bonjour,
Mon site http://collegelugny.free.fr est agréable à l'oeil sous Firefox 3.5.7. Par contre il est absolument hideux sous Internet Explorer 7.
Je sais que le template indigo peut poser problème mais j'y suis attaché car j'apprécie sa "largeur" de vue ainsi que les liens en haut, etc.
Y a-t-il quelques astuces permettant d'améliorer la situation ?
Cordialement.

Surement,

mais pour l'instant je n'ai pas encore repris le template indigo mais cela va être fait pour la sortie de la version 0.9.1 de ziteplus.

pour michael: oui il y a quelques différences entre le rendu Firefox 3.5.7 et IE7 .... et pas à l'avantage de de7
Je viens de voir que le rendu de ton site est lui aussi différent sous ie7 pour la même raison sans doutes: le template indigo.
Il doit y avoir une petite bricole à modifier

a+
jean-paul

michael79 · 12/01/2010 19:25:09

jpg a écrit :

principal.adjoint a écrit :
Bonjour,
Mon site http://collegelugny.free.fr est agréable à l'oeil sous Firefox 3.5.7. Par contre il est absolument hideux sous Internet Explorer 7.
Je sais que le template indigo peut poser problème mais j'y suis attaché car j'apprécie sa "largeur" de vue ainsi que les liens en haut, etc.
Y a-t-il quelques astuces permettant d'améliorer la situation ?
Cordialement.
Surement,
mais pour l'instant je n'ai pas encore repris le template indigo mais cela va être fait pour la sortie de la version 0.9.1 de ziteplus.
pour michael: oui il y a quelques différences entre le rendu Firefox 3.5.7 et IE7 .... et pas à l'avantage de de7
Je viens de voir que le rendu de ton site est lui aussi différent sous ie7 pour la même raison sans doutes: le template indigo.
Il doit y avoir une petite bricole à modifier
a+
jean-paul

J'ai regardé sur IE6 et je n'ai pas constaté de différence avec Firefox. C'est peut être autre chose alors.

jpg · 12/01/2010 20:15:25

mais avec IE7 il y a des différences avec le template INDIGO.
(je ne les avais pas remarqué jusqu'ici ... car j'utilise Firefox moi aussi)

mais voici une copie d'écran de ton site sous Firefox:

index.php?doc=michael-zitefirefox.jpg

et sous IE7 (en deux parties):

index.php?doc=michael-ziteIE1.jpg
index.php?doc=michael-ziteIE2.jpg

Tu remarqueras le bandeau à gauche du bouton découvrir qui est différent, la barre de défilement grisée à droite et la reprise du motif bleu à droite de l'écran.
Pour toutes les résolutions, on a une barre de défilement horizontale.

Vu que le problème n'existe qu'avec le template Indigo, moi, j'ai tendance à penser que le problème vient de là

a+
Jean-Paul

michael79 · 12/01/2010 20:27:58

jpg a écrit :

mais avec IE7 il y a des différences avec le template INDIGO.
(je ne les avais pas remarqué jusqu'ici ... car j'utilise Firefox moi aussi)
mais voici une copie d'écran de ton site sous Firefox:
http://www.giausserand.fr/index.php?doc … irefox.jpg
et sous IE7 (en deux parties):
http://www.giausserand.fr/index.php?doc … iteIE1.jpg
http://www.giausserand.fr/index.php?doc … iteIE2.jpg
Tu remarqueras le bandeau à gauche du bouton découvrir qui est différent, la barre de défilement grisée à droite et la reprise du motif bleu à droite de l'écran.
Pour toutes les résolutions, on a une barre de défilement horizontale.
Vu que le problème n'existe qu'avec le template Indigo, moi, j'ai tendance à penser que le problème vient de là
a+
Jean-Paul

J'analyse cela demain et la correction sera incluse dans la version 0.6.9.
Bien sûr, je donnerai la solution sur le forum.

A bientôt,

Michaël

michael79 · 12/01/2010 20:29:34

jpg a écrit :

mais avec IE7 il y a des différences avec le template INDIGO.
(je ne les avais pas remarqué jusqu'ici ... car j'utilise Firefox moi aussi)
mais voici une copie d'écran de ton site sous Firefox:
http://www.giausserand.fr/index.php?doc … irefox.jpg
et sous IE7 (en deux parties):
http://www.giausserand.fr/index.php?doc … iteIE1.jpg
http://www.giausserand.fr/index.php?doc … iteIE2.jpg
Tu remarqueras le bandeau à gauche du bouton découvrir qui est différent, la barre de défilement grisée à droite et la reprise du motif bleu à droite de l'écran.
Pour toutes les résolutions, on a une barre de défilement horizontale.
Vu que le problème n'existe qu'avec le template Indigo, moi, j'ai tendance à penser que le problème vient de là
a+
Jean-Paul

Ce qui est bizarre, c'est que je suis parti du style indigo pour faire le nouveau
site du CPAS de Bruxelles (oui, oui, un an plus tard, ce gros site sera bientôt
en ligne) et je n'ai eu ce problème avec aucun navigateur (y compris IE6).

A bientôt,

Michaël

michael79 · 12/01/2010 20:30:50

jpg a écrit :

mais avec IE7 il y a des différences avec le template INDIGO.
(je ne les avais pas remarqué jusqu'ici ... car j'utilise Firefox moi aussi)
mais voici une copie d'écran de ton site sous Firefox:
http://www.giausserand.fr/index.php?doc … irefox.jpg
et sous IE7 (en deux parties):
http://www.giausserand.fr/index.php?doc … iteIE1.jpg
http://www.giausserand.fr/index.php?doc … iteIE2.jpg
Tu remarqueras le bandeau à gauche du bouton découvrir qui est différent, la barre de défilement grisée à droite et la reprise du motif bleu à droite de l'écran.
Pour toutes les résolutions, on a une barre de défilement horizontale.
Vu que le problème n'existe qu'avec le template Indigo, moi, j'ai tendance à penser que le problème vient de là
a+
Jean-Paul

A noter qu'une partie du bug est sûrement du à l'ajout tout récent du
bandeau avec les boutons (non testé sur IE)

Michaël

michael79 · 12/01/2010 20:48:28

jpg a écrit :

mais avec IE7 il y a des différences avec le template INDIGO.
(je ne les avais pas remarqué jusqu'ici ... car j'utilise Firefox moi aussi)
mais voici une copie d'écran de ton site sous Firefox:
http://www.giausserand.fr/index.php?doc … irefox.jpg
et sous IE7 (en deux parties):
http://www.giausserand.fr/index.php?doc … iteIE1.jpg
http://www.giausserand.fr/index.php?doc … iteIE2.jpg
Tu remarqueras le bandeau à gauche du bouton découvrir qui est différent, la barre de défilement grisée à droite et la reprise du motif bleu à droite de l'écran.
Pour toutes les résolutions, on a une barre de défilement horizontale.
Vu que le problème n'existe qu'avec le template Indigo, moi, j'ai tendance à penser que le problème vient de là
a+
Jean-Paul

Pas (plus?) de problèmes sur IE8

michael79 · 12/01/2010 20:58:56

principal.adjoint a écrit :

Bonjour,
Mon site http://collegelugny.free.fr est agréable à l'oeil sous Firefox 3.5.7. Par contre il est absolument hideux sous Internet Explorer 7.
Je sais que le template indigo peut poser problème mais j'y suis attaché car j'apprécie sa "largeur" de vue ainsi que les liens en haut, etc.
Y a-t-il quelques astuces permettant d'améliorer la situation ?
Cordialement.

Pour le problème des barres de défilement, enlevez l'option overflow dans
le fichier styles.css

Enlevez également l'option width dans #title qui n'est pas vraiment obligatoire

J'ai également englober l'entête dans ce code

<div style="height: 90px; overflow: hidden;">code de l'entête</div>

J'ai adapté notre site, maintenant plus de problème

J'avais fait descendre le contenu en modifiant mid, il est préférable de modifier
side et main (j'ai ajouté margin-top: 50px; IE6 (et 7?) n'aime pas un margin négatif)

Envoyez-moi le CSS que je le compare avec le n^tre

Michaël

Dernière modification par michael79 (12/01/2010 21:16:45)

principal.adjoint · 14/01/2010 17:09:16

michael79 a écrit :

Envoyez-moi le CSS que je le compare avec le n^tre
Michaël

Réponse en MP

Forum ZitePLUS

#1 12/01/2010 17:08:58

Différences Firefox IE

#2 12/01/2010 17:27:29

Re : Différences Firefox IE

#3 12/01/2010 18:42:59

Re : Différences Firefox IE

#4 12/01/2010 19:25:09

Re : Différences Firefox IE

#5 12/01/2010 20:15:25

Re : Différences Firefox IE

#6 12/01/2010 20:27:58

Re : Différences Firefox IE

#7 12/01/2010 20:29:34

Re : Différences Firefox IE

#8 12/01/2010 20:30:50

Re : Différences Firefox IE

#9 12/01/2010 20:48:28

Re : Différences Firefox IE

#10 12/01/2010 20:58:56

Re : Différences Firefox IE

#11 14/01/2010 17:09:16

Re : Différences Firefox IE

Pied de page des forums