5568 sujets

Sémantique web et HTML

[Résolu] Problème IE8 et inférieur

Bonjour,

J'aimerai enfin finaliser mon site personnel qui est en HTML5. Je suis sous mac et j'ai rarement l'occasion de tester sous windows et encore moins sous internet explorer.

J'ai eu l'occasion de tester avec IETester et ce fus une grande surprise de voir le résultat.

Plus rien ne ressemble a rien, le site prend toute la largeur du viewport et tout se chevauche. Je pensais que c'était du à certaines erreurs de code au niveau du HTML (genre oubli de fermer une balise ou autre) mais en passant mon site au validateur je me rend compte que le problème ne vient pas de là.

J'ai utilisé du inline-block, mais après vérification IE8 sait interpréter cette propriété.

J'ai utilisé modernizr et mis les nouvelles balises d'HTML5 en display:block (quand c'est nécessaire).

Mais aucune de ces opérations n'a fait changer mon site d'un iota. Auriez-vous des pistes à explorer ? Des choses qui m'aurait échapper ?

Je me demande si le problème ne vient pas d'IETester qui plante une fois sur deux ?

Merci d'avance.

L'url : http://www.nicolasgilis.be
Modifié par Gili (10 Jan 2012 - 17:08)
Merci de ta réponse, mais il y a bien d'autre solution j'imagine ? Dans ce cas à quoi sert modernizr et la déclaration des balises en css qu'on met en display: block ?

Pourrais-tu me donner plus de précision à propos du fallback à base de div ? je ne vois pas comment changer la structure de la page pour IE8 et inférieur.

Edit: à moins de repérer la version de navigateur et de faire une redirection ? ça me semble plutôt barbare comme solution. Il doit bien y avoir moyen d'avoir un site en HTML5 valable sous IE.
Modifié par Gili (10 Jan 2012 - 16:06)
Merci jmlapam de ta contribution mais ça ne fonctionne pas. Mais à quoi sert cette ligne de code ? Ce n'est pas l'équivalent de modernizr ?

Si vous avez l'occasion de tester sous IE8 sans passer par IETester je serais bien intéresser de voir le résultat.

Merci d'avance.
Hello,
Pour les balises HTML5, il faut passer par un peu de Javascript, pour que IE les reconnaisse:


document.createElement('header');
document.createElement('article');
...


Essaie ça, et déjà ton design sera nettement mieux à mon avis.
Merci pour ta contribution vdo93, mais je pense que modernizr fais cette opération justement. Enfin j'ai quand même testé par acquis de conscience mais ça ne change malheureusement rien Smiley decu
vdo93 a écrit :
Hello,
Essaie ça, et déjà ton design sera nettement mieux à mon avis.


Le html5shiv s'occupe déjà de le faire.
Sinon Gili essaie selectivzr, peut-être cela vient aussi du CSS3
Modifié par jmlapam (10 Jan 2012 - 16:33)
Merci Jm, j'ai testé les deux script en même temps et ça ne change toujours rien. Je me demande vraiment si ça viendrait pas de IETester, si quelqu'un peut confirmer.
Re...

Oui, mais il faut rendre les éléments compréhensibles par IE avant de les styler...
Modernizr doit être ajouté avant le body (enfin c'est surtout html5shiv), donc dans la balise head.

PS: IE8 est strictement identique à IE Tester.
Modifié par vdo93 (10 Jan 2012 - 17:00)
@vdo93: c'est ce que fait le script de google, il créé les éléments et met un display adéquat, en général block du coup...

@Gili:

Essaie ceci alors dans le CSS:

abbr,article,aside,audio,canvas,datalist,details,figure,dialog,footer,header,hgroup,mark,menu,meter,nav,output,progress,block,time,video {
	display:block;
}
@vdo93 oui tout à fait
Ah mais Gili, le script google c'est dans le <head> attention !
Modifié par jmlapam (10 Jan 2012 - 17:02)
Haaaaaaaa satisfaction extrême !

Merci les amis, je suis très content ! merci merci !
Sujet clos
Aller à