Discussion :

[soeursourire]

Bonjour,

J'utilise beaucoup les flexbox depuis quelques temps tellement c'est simple et pratique pour disposer les éléments.
Nous allons revoir tous nos sites web de A à Z et du coup en faisant une petite étude on voit que l'un de nos sites est beaucoup vu par des utilisateurs IE 7.0!

Que faire du coup? Ne plus utiliser les flexbox mais est-ce que Bootstrap serait mieux géré par IE7? Les utiliser mais faire un design complet et spécial juste pour IE7.. Faire une page spéciale expliquant que le site n'est visible que sous IE10+ mais les utilisateurs sous XP que peuvent-ils installer dans ce cas?

Comment procéderiez-vous?

Merci pour vos conseils

[headmax]

Salut je sais pas si tu as fait un tour sur ce site, il semble avoir créer un polyfill pour pouvoir utiliser les flexbox, a toi de voir si c'est réellement le cas, je te garantie rien .

https://github.com/jonathantneal/flexibility

D'après eux il faut que tu charge le javascript :

Code html :

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

1
2
 
<script src="flexibility.js"></script>

Et tu déclare après tes propriétés CSS :

Code css :

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

1
2
3
4
5
.container {
	-js-display: flex;
	display: flex;
}

ou directement dans une balise html comme pourrait le faire avec l'utilisation de l'attribut style :

Code html :

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

1
2
 
<div data-style="display: flex;"></div>

Ensuite en bas de page tu attache ton élement html que tu souhaite convertir en une flexbox, par exemple pour le cas de la classe .container tu devra appliquer le changement de propriété de ton élément html comme ceci :

En bas de page avant BODY :

Code html :

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

1
2
3
4
5
6
7
8
9
 
<script>
document.body.onload = function(){
   //flexibility(document.documentElement);
   flexibility(document.querySelector('.container'));
};
</script>
</body>
</html>

C'est ce que est censé apporter ce polyfill, voir s'il n'existe pas d'autre polyfill sur ce sujet, je précise que je n'ai pas testé .

[psychadelic]

IE 7 et XP....
Soit tu tiens pas trop à ces clients et tu leur prévois un message indiquant que IE7 et XP sont des passoires à virus

à la limite tu leur met une redirection vers un sous site spécifique avec le minimum utile pour qu'ils puissent continuer à avoir ce qui peut leur être utile.

Et à titre perso, je trouve ridicule de continuer de s'acharner à faire de sites multi-compatible pour des navigateurs carrément obsolètes et qui te force à finalement pourrir ton site pour leur beaux yeux.
C'est pas pour l'idée d'avoir des sites avec les dernières avancées HTML5/CSS3 , c'est l'idée d'avoir des sites correctement écrits.

De toutes façons ces utilisateurs sous IE7 / XP, se fichent complètement d'avoir un site "bien fait", donc le faire en HTML4 sans ce soucier du rendu c'est tres bien pour eux, avec le message en bas de page qu'ils sont sur une version dégradée pour être compatible avec leur matos pourri.

et c'est plus simple de maintenir un double site ayant chacun ses "règles d'écriture" plutôt qu'un seul site tordu dans tous les sens sur lequel se prend la tête à chaque fois qu'on place une virgule.