Discussion :

[Jomathr]

Bonjour à tous,

J'ai un problème pour afficher le texte et les liens qui sont inclus dans les tags <li> dans internet explorer mais ne cause aucun problème dans Chrome ou FF.

J'ai bien essayer de trouver une solution depuis 2 jours mais sans succès.
Il est important de mentionner que je suis loin d'être un expert en HTML (Je préfère de loin VB, C++, etc)

voici une courte liste de ce que j'ai tenté:

-ajouter a { display: block; zoom: 1; }
-Forcer IE à utiliser une ancienne version avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<!--[if gte IE 9]>
<script type="text/javascript">
Cufon.set('engine', 'canvas');
</script>
<![endif]-->

Toujours sans aucun succès même si ce sont les solutions les plus répandu.

Vous pouvez jeter un oeil sur mon code en vous rendant sur www.gatesinnovation.com/GATES

Votre aide est grandement appécié, merci à l'avance

[Kaamo]

C'est à cause de la balise HTML5 : <nav>.
Les IE inférieurs à la version 8 (incluse) ne supportent pas cette balise. Pour la compatibilité, il est conseillé d'utiliser ces petits outils qui donnent les compatibilités. Par exemple, Can I use.

Donc pour remédier à cela, par exemple :

- remplacer la balise <nav> par un <div id="#nav">. Sans oublier de modifier le CSS correspondant (remplacement du sélecteur .header nav {} par .header #nav {} ).

- ou sinon utiliser une librairie javascript sympa : Modernizr. Cela permet de détecter les éléments HTML5 non supportés par l'utilisateur qui visite ton site et de les remplacer par des balises supportées. Typiquement, tu pourras utiliser des <nav>. Les navigateurs qui peuvent les lire, ils les lisent sans prob. Ceux qui ne peuvent pas (par ex, IE <= 8), verront une balise supportée à la place (div par exemple).

[Ethyde]

Bonjour,

- ou sinon utiliser une librairie javascript sympa : Modernizr. Cela permet de détecter les éléments HTML5 non supportés par l'utilisateur qui visite ton site et de les remplacer par des balises supportées. Typiquement, tu pourras utiliser des <nav>. Les navigateurs qui peuvent les lire, ils les lisent sans prob. Ceux qui ne peuvent pas (par ex, IE <= 8), verront une balise supportée à la place (div par exemple).

Alors oui mais non, modernizr fonctionne pour cette partie la sur le principe de htmlShiv (http://paulirish.com/2011/the-history-of-the-html5-shiv/ ) à savoir il utilise document.createElement(elementName), en aucun cas il ne modifie le balisage

[Kaamo]

en aucun cas il ne modifie le balisage

Je le sais bien ça d'où mon :

Cela permet de détecter les éléments HTML5 non supportés par l'utilisateur qui visite ton site

Bon ok, je me rends compte que "et de les remplacer par des balises supportées" prête à confusion. Bien sûr c'est au développeur de s'occuper de ça. Enfin j'ai émis l'idée un peu grossièrement pour proposer une solution