Comportement incompréhensible d'Internet Explorer 8 [Résolu]

[electroremy]

Bonjour à tous,

je suis perplexe face à ce problème :

- j'ai créé un site en HTML / CSS

- je teste le site depuis mon disque dur sous Mozilla et sous Explorer 8, tout est OK

- j'upload le site sur un compte free

- sous mozilla tout est OK

- mais Explorer 8 l'affiche n'importe comment

voici l'adresse du site : http://electroremy3.free.fr/02042011LaRodia/

les fichiers css sont à la racine : http://electroremy3.free.fr/v3_general.css http://electroremy3.free.fr/v3_index.css http://electroremy3.free.fr/v3_videos.css

Je ne comprends rien... le code est identique, les css accessibles...

Je commence à en avoir raz le bol... déjà ça a été une vraie galère de concevoir le site en CSS sans tableaux (genre 4h de perdues pour trouver comment centrer un texte verticalement)... maintenant encore un casse-tête incompréhensible... à ce rythme là l'année prochaine ça ne sera pas fini.

Je commence à douter... ma page sur le bricolage est faite avec des tableaux; elle est très bien présentée, a demandée beaucoup moins de travail, et fonctionne vraiment sur tous les navigateurs même les vieux

Merci d'avance pour votre aide

A+

[hybrid59]

chez moi le site marche très bien sous tout les navigateurs.

[electroremy]

En fait j'ai trouvé quelque chose...

le site ne fonctionne pas sous IE6, ni sous IE7

il fonctionne bien sous IE8, à condition que celui-ci soit en Mode navigateur : Internet Explorer 8 et surtout pas en Affichage de compatibilité Internet Explorer 8

Il n'y a pas beaucoup de monde qui utilisent encore IE6 et IE7, et je n'ai pas le temps de refaire le design de mon site, je crois même que certaines fonctions seraient impossible à programmer...

Par contre le soucis est : comment forcer Internet Explorer 8 à se mettre en mode Internet Explorer 8 pour qu'il affiche correctement mon site ?

Y a t il une balise ou un autre truc à ajouter dans mes fichiers HTML, sans que cela ne pénalise les autres navigateurs ?

A+

[hybrid59]

Autant pour moi je croyais que le site n'était pas "stylisé" du tout , en fait il s'affiche mal sous IE 6 et 7, mais ça c 'est normal.

Il faut leur créer des feuille de style spécifique car il n'ont pas les mêmes normes que ie8 ou autres.

[electroremy]

Envoyé par electroremy

...
le site ne fonctionne pas sous IE6, ni sous IE7

il fonctionne bien sous IE8, à condition que celui-ci soit en Mode navigateur : Internet Explorer 8 et surtout pas en Affichage de compatibilité Internet Explorer 8
...
comment forcer Internet Explorer 8 à se mettre en mode Internet Explorer 8 pour qu'il affiche correctement mon site ?

J'ai trouvé, voici la ligne magique à ajouter dans les headers :

Code :

<meta http-equiv="X-UA-Compatible" content="IE=8">

Vive microsoft... encore une après midi de perdue...

Par contre je ne sais pas comment - en restant 100% html css - rembarrer les utilisateurs d'IE6 et IE7 vers une page "Utilisez Mozilla ou Chrome"

A+

[adiGuba]

Salut,

Et bienvenue dans le monde du développement web
(et encore dit toi que tu es chanceux de te limiter à IE8... moi je dois assurer la compatibilité IE6 )


Ce meta permet en effet de forcer le mode de compatibilité d'IE depuis IE8.
Attention que là tu forces le rendu IE8 même pour IE9
Il serait plus approprié d'utiliser ceci :

Code :

<meta http-equiv="X-UA-Compatible" content="IE=edge">

cela forcera IE a utiliser le moteur le plus récent

Tu peux même rajouter le support de Google Chrome Frame :

Code :

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

Pour du code spécifique à IE7 et inférieur, tu peux utiliser les commentaires conditionnels (également spécifique à IE) :

Code :

1
2
3
4
<!--[if lt IE 8]>
   ... Ce code ne sera visible que par IE inférieur à 8 ...
   ... Pour les autres navigateurs ce sera un simple commentaire ...
<![endif]-->

Toutefois ce n'est pas forcément top comme solution
Une version lisible même si pas optimal serait préférable...


a++

PS : Pour toutes les astuces et bonnes pratiques, je te conseille de jeter un coup d'oeil au template d'HTML5 Boilerplate.
Pas forcément pour utiliser le template mais au moins pour voir les bonnes pratiques

[electroremy]

Envoyé par adiGuba

...

Code :

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

...
Toutefois ce n'est pas forcément top comme solution
Une version lisible même si pas optimal serait préférable...

OK merci

Pour IE6 je te comprends, d'ailleurs dans mon entreprise on l'utilise encore j'ai du installer chrome en douce pour aller sur mappy quand je suis en déplacement

Je suis content car après de nombreuses heures de travail j'ai trouvé cette solution, et aussi rendu mon site validé W3C en html, xhtml et css, y compris pour la partie avec le lecteur vidéo intégré.

D'ailleurs Flash serai bien inspiré de donner du code conforme W3C dans ses exemples d'utilisation de son lecteur vidéo et dans les fichiers html générés par free flv converter...

Je pourrais passer du temps pour faire une version visible sous IE6 et IE7, mais tout ce temps à passer dans le cambouis c'est du temps en moins consacré au contenu

Je suis reporter, je viens de couvrir un autre concert, il me reste à trier le contenu d'une carte SD de 16Go remplie de photos et de vidéos, à rédiger un article, à faire la présentation des artistes et à diffuser le tout sur les maillings lists et réseaux sociaux...

...et c'est là dessus que les gens m'attendent au tournant, sur le contenu... je suis sérieux et me donne du mal pour refaire mon site programmé proprement mais ce n'est pas ce que les visiteurs verront en premier.

Et de toute façon Microsoft commence à bien faire, mais c'est aussi de notre faute; en acceptant de continuer à utiliser des logiciels qui ne respectent pas les standards, et pire en s'adaptant à eux, on leur donne raison et rien ne changera jamais !

A+