Bonjour à tous, 

Mon problème est assez simple. J'ai une différence d'affichage d'un titre selon que j'utilise Chorme ou IE (certains utilisent encore IE...). 

Voyez ci dessous :

Quelle serait la solution pour avoir tout le temps le second rendu ? 

Je voudrais que le titre revienne à la ligne comme sur le second exemple.

Merci d'avance, 

Thombou

Bonjour,

sans ton code, absolument impossible de te répondre.

Le plus efficace serait de le poster sur https://codepen.io/pen , d'enregistrer, puis de nous donner l'url, afin qu'on puisse facilement tester dans différents navigateurs.

Bonjour Lamecarlate,

Merci pour ta réponse. 

J'ai essayé de mettre mon code dans codepen.io en essayant sur IE et Chrome et le résultat est bon pour les deux... Je t'envoie le lien quand même : https://codepen.io/anon/pen/NXKKRx#anon-signup 

Je n'ai mis que ce qui était en rapport avec les titres, et l'architecture de la page. J'ai aussi essayé en mettant tout le CSS et le résultat est le même, le titre ne change pas d'apparence dans les deux navigateurs.

Si tu veux voir mon site, le problème se situe sur la page d'accueil.

Merci de ton aide

-
Edité par thombou 10 décembre 2017 à 18:52:36

Ah, avoir ton site directement est encore mieux

Quelle version d'IE, au fait ? (il y a d'énormes différences de rendu entre IE8 et I11, par exemple)

En effet, je reproduis le souci.

Mais j'en vois un autre qui est possiblement lié : ton html est tout pété. Tu ne dois avoir qu'un seul doctype, qu'un seul head et un seul body dans la page. Je suppose que tu inclus ta navigation depuis un autre fichier ? Il faut mettre dans ce fichier uniquement la navigation (ou ici, le message d'interdiction), et pas plus. Déjà, corrige ça : mens sana in corpore sano, ou plutôt CSS sano in HTML sano

J'ai trouvé : c'est ce bug-là https://github.com/philipwalton/flexbugs#flexbug-2 (repéré dans IE10 et 11, et c'est réparé dans Edge).

La solution proposée est de mettre max-width: 100% à tes éléments qui dépassent.

-
Edité par Lamecarlate 10 décembre 2017 à 19:53:26

Parfait merci !

Efficace ! Je n'avais pas trouvé ce thread, je n'avais pas soupçonné que ca pouvait venir de flex...

Merci beaucoup