IE soucis avec les nouvelles balises HTML5
js_lady
Messages postés
7
Date d'inscription
Statut
Membre
Dernière intervention
-
Arno59 Messages postés 4600 Date d'inscription Statut Contributeur Dernière intervention -
Arno59 Messages postés 4600 Date d'inscription Statut Contributeur Dernière intervention -
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
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
A voir également:
- Balise html5
- Html5 video player - Télécharger - Divers Web & Internet
- Nouvelles chaines tv - Guide
- Nouvelles chaines tnt - Accueil - TV & Vidéo
- Nouvelles chaines orange - Guide
- Nostradamus nouvelles prophéties jusqu'en 2025 - Guide
4 réponses
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 - 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,
js_lady
Messages postés
7
Date d'inscription
Statut
Membre
Dernière intervention
Merci infiniment Jambondardennes :)
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+
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+
-Pourquoi je rencontre ce genre de problèmes?
Parce que IE était, est et sera le navigateur le plus pourri au monde! xD
Parce que IE était, est et sera le navigateur le plus pourri au monde! xD
+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
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
.....
Comment rendre compatible HTML5 avec les navigateurs "anciens" ?
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" ?