Foundation 4 (compatibilité ie8)

Oliweb
Les bases HTML/CSS

Bonjour à tous,

Ma question est à propos de IE8. J'aimerais rendre Foundation compatible avec IE8 et j'ai donc utilisé ce fichier là : https://gist.github.com/hatefulcrawdad/5068210

Cependant, j'ai lu aussi cet article : http://zurb.com/article/1204/getting-foundation-and-ie8-to-play-nice

Et je voulais donc savoir si certaines personnes avaient utilisé cette seconde méthode et si c'était mieux que le fichier .CSS sur github.

Par ailleurs, j'ai l'impression que le fichier Github ne marche pas, je l'ai juste importé en plus du foundation.css de base.
Faut-il importer seulement le CSS ie8 ?

En remerciant par avance les personnes qui pourront m'aider :) je vous souhaite une bonne soirée.

3 réponses

Maenhyr
Réponse acceptée

Bonjour,
Le commentaire de @melvinmt a l'air de t'expliquer comment utiliser le hack. Tu ajoutes le gist dans ton fichier css et tu crées la balise html avec la bonne classe suivant le type de navigateur IE.

Oliweb
Auteur
Réponse acceptée

Merci beaucoup ça marche niquel

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!--[if lt IE 7]><html class="lt-ie9 lt-ie8 lt-ie7" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><![endif]-->
<!--[if IE 7]><html class="lt-ie9 lt-ie8" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><![endif]-->
<!--[if IE 8]><html class="lt-ie9" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><![endif]-->
<!--[if gt IE 8]><!--><html xmlns="http://www.w3.org/1999/xhtml"><!--<![endif]-->

  • <link rel="stylesheet" href="css/complet.css">
    <link rel="stylesheet" href="foundation/css/app.css">
    <link rel="stylesheet" href="foundation/css/ie8-grid-foundation-4.css">

Merci encore je n'avais pas vu les commentaires en dessous.

A bientôt

Oliweb
Auteur

Bonjour, mon client souhaite absolument faire appel au hack ie8 qui est disponible sur Github donc je serais intéressé de savoir comment ça marche ^^' si jamais je trouve, je fermerais le sujet.

Merci à vous.