Hello,

Je viens vers vous car je rencontre un petit soucis avec bootstrap.

Je viens de démarrer avec ce dernier, jusque ici c'est vachement cool, ça me permet de pondre une interface simple & compatible mobile assez rapidement.

Seulement, je rencontre des soucis avec IE, des soucis d'affichage :

La "grille bootstrap" semble ne pas fonctionner sous IE, j'ai obligatoirement du fullpage.
rendu IE11 ==>
rendu Chrome/FF ==>

Mes boutons radio et checkboxes sont décalés par rapport au leurs label.
rendu IE11 ==>
rendu Chrome/FF ==>

CODE (Soucis grilles + radios & checkboxes) ==> http://pastebin.com/QggEcaMi

Mon menu ne s'affiche pas, enfin si, mais en simple liste, comme si le css n'était pas pris en compte.
rendu IE11 ==>
rendu Chrome/FF ==>

CODE (Menu) ==> http://pastebin.com/VVfdrU2e

Pour les fichiers j'utilise du bootsrap raw, sans theme. (inclusion de bootstrap.min.css et bootstrap.min.js [même si ce dernier n'est pas relevant pour mon soucis je pense] + un reset css [reset.css] ainsi qu'un fichier css perso [styles.css]).

L'ordre des feuilles de style est le suivant

reset.css
styles.css
bootstrap.min.css

Quelqu'un aurait une idée de ce qui se passe? (je lis sur le site de bootstrap que la compatibilité est OK pour IE8 + )

Merci d'avance à ceux qui prendront le temps de lire et double merci à ceux qui répondent !

Re-Hello !

J'ai fait un test en C/C de ceci ==> http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_navbar&stacked=h

Alors l'affichage est bon sur la page W3, par contre sur la mienne, tjs se rendu dégeu du menu, en liste.

J'suis perdu la... Je comprend pas pourquoi l'affichage est différent :/

Okay, j'ai trouvé !

C'était le mode de compatibilité IE qui s'activait, et qui faisait 'mal' le taf.
J'ai ajouter cette balise meta, et les soucis sont réglés ==> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
(Trick trouvé sur alsacreation)

Salut,
Plus exactement, si tu testes un site en local, le mode intranet d'IE s'active. Mais je te recommande plutôt d'utiliser un serveur local (uwamp, wamp, etc.) qui te permettra de tester ton site dans des conditions plus proches de vraies conditions d'hébergement.

Par contre, les reset CSS sont une plaie, utilise plutôt une feuille de style de base (normalize.css) qui ne pètera pas tout comme un gros steak. En l'occurrence, ici c'est Bootstrap qui s'en chargera, pas de soucis. Donc tu peux virer ton reset.
Ensuite, ton CSS doit toujours être en dernier, après les plugins, les frameworks et tout le reste. Le but, c'est de pouvoir surcharger les déclarations de tous ces machins dans le tiens, et pour ça il faut que ton CSS vienne après eux (c'est le principe de cascade).

Merci pour ces précisions.

Je n'utilise pas wamp au boulot, car j'ai un serveur de test (apache2 @ debian) sur lequel je peux donner des accès aux clients. Ce qui est un peu plus tricky sur un wamp

Pour le reset, j'ai découvert plus tard que bootstrap intégrait un normalize.css, qui a l'air de bien faire le taf.
Je savais pas que le reset était déconseillé ^^.

Bref merci pour les conseils, ils sont le bienvenu !
Et la bonne journée à toi !