IE soucis avec les nouvelles balises HTML5

Fermé
js_lady Messages postés 7 Date d'inscription vendredi 11 octobre 2013 Statut Membre Dernière intervention 12 octobre 2013 - 12 oct. 2013 à 13:37
Arno59 Messages postés 4600 Date d'inscription jeudi 23 octobre 2003 Statut Contributeur Dernière intervention 18 avril 2023 - 17 oct. 2013 à 19:01
Bonjour,

En fait je suis entrain de créer un site avec du HTML5/CSS3, j'ai créer l'entête avec la balise <header> ensuite un contenu avec la balise, <section> et j'ai également utiliser la balise <footer>

Le soucis c'est qu'avec les navigateurs, Safari, Chrome ou Moz ça marche et c'est bien affiché, alors qu'avec IE tout est chevauché.

J'ai ensuite changé les balises <header>, <section> et <footer> avec de simples balises <div> et la ça marche!

Mes questions sont:

-Pourquoi je rencontre ce genre de problèmes?
-Est ce qu'il y a moyen d'utiliser les balises HTML5 sans qu'elles se chevauchent sur IE?
-Est ce qu'il est obligatoire d'utiliser les balises <header>, <section> et <footer> pour définir un site HTML5? ou est ce qu'on peut se contenter de l'ancienne balise <div>?

En vous remerciant d'avance.. :p





4 réponses

jambondardennes Messages postés 481 Date d'inscription jeudi 12 juin 2008 Statut Membre Dernière intervention 6 septembre 2017 39
12 oct. 2013 à 15:28
bonjour,

1 - Avant I.E. 10 (si bonne mémoire) les balises HTML5 (<header>,...) ne sont pas reconnus.
Pour les versions antérieures à I.E. 10, il est possible d'ajouter dans les balises head la ligne suivante :

<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

ce code chargera un script venant de google code permettant par javascript de prendre en charge les balises HTML5 pour les versions antérieures à I.E. 10

2 - Non ces balises comme toute autre ne sont pas obligées mais recommandée car peu à peu on va aller vers ce type de structure.

Cordialement,
1
js_lady Messages postés 7 Date d'inscription vendredi 11 octobre 2013 Statut Membre Dernière intervention 12 octobre 2013
12 oct. 2013 à 17:17
Merci infiniment Jambondardennes :)
0
mpmp93 Messages postés 6652 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
12 oct. 2013 à 22:59
Bonjour,

J'ai rencontré le même problème avec IE. J'ai résolu simplement. Voir ici ma page perso:
http://html5.immo-scope.com/index.php?page=html5/premierePageHtml5

A+
1
meuhlol Messages postés 1896 Date d'inscription mardi 24 juillet 2007 Statut Membre Dernière intervention 30 novembre 2021 672
12 oct. 2013 à 17:52
-Pourquoi je rencontre ce genre de problèmes?

Parce que IE était, est et sera le navigateur le plus pourri au monde! xD
0
Utilisateur anonyme
12 oct. 2013 à 17:54
c'est clair
0
+1 toujours à la traîne quand il n'affiche pas de façon incorrecte un truc simple, qu'il n'a pas un problème de compatibilité pour une technologie qu'il aime pas(tout ce qui n'est pas Microsoft et payant?) il bug. Mon IE se lance quand certains scripts le font automatiquement et j'ai droit à un programme qui bug sur lequel je doit faire alt+F4; ayant essayé d faire les mises à jours j'ai constaté que c'etait pire...Encore Merci Crosoft
0
js_lady Messages postés 7 Date d'inscription vendredi 11 octobre 2013 Statut Membre Dernière intervention 12 octobre 2013
12 oct. 2013 à 20:24
lol J'AIME !!!
0
Arno59 Messages postés 4600 Date d'inscription jeudi 23 octobre 2003 Statut Contributeur Dernière intervention 18 avril 2023 484
17 oct. 2013 à 19:01
Bonjour à tous,

Je viens de créer les balises HTML5 pour mon futur site web :

J'ai utilisé le logiciel NetBeans pour la conception du site :

Mon site s'affiche correctement sous Mozilla Firefox 24 et Opera 12.16,
par contre l'affichage n'est pas parfait sous Google Chrome et

.....

<html> 
<head>
<!-- meta -->
<meta charset="utf-8"><!-- HTML 5 -->
<meta name ....>
<meta name="Language" content="fr"/>
<meta name="pragma" content="no-cache"/>
<meta name="robots" content="index, follow, noarchive"/>
<!-- Les caractéristiques pour chaque robots :
<meta name="Googlebot" content="directives pour Google Search" />
<meta name="Slurp" content="directives pour Yahoo! Search" />
<meta name="MSNbot" content="directives pour Live Search" />
<meta name="keywords" content= : devenue obsolète
-->
.....
<meta http-equiv="cache-control" content="no-cache"/>
<meta http-equiv="Cache" Content="no store"/>
<meta http-equiv="Expires" Content="0"/>
<meta http-equiv="pragma" content="no-cache"/>
<meta http-equiv="robots" content="index, follow, noarchive"/>

<!-- Structuration de la page html -->
<script type="text/javascript">
<!--[if gte IE 6]> pour Microsoft Internet Explorer 6.0 et version plus récentes
<!-- En tête de page : remplace <div id="header"/> -->
document.createElement('header');
<!-- Pieds de page : remplace <div id="footer"/> -->
document.createElement('footer');
<!-- zone de Navigation -->
document.createElement('nav');
<!-- rôle de barre latérale, et élément section est appelé pour regrouper le contenu principal. -->
document.createElement('aside');
document.createElement('section');
document.createElement('article');
document.createElement('hgroup');
document.createElement('figure');
document.createElement('figcaption');
document.createElement('iframe');
<![endif]-->
</script>
</head>
<body>
<header> ...... </header>
<aside> ...... </aside>
<nav> .... </nav>
<section>......</section>
<article>
<header> .... </header>
<footer> ...... </footer>
</article>
<footer> ...... </footer>
</body>
</html>

Comment rendre compatible HTML5 avec les navigateurs "anciens" ?
0