Colonnes CSS vs IE
reedbedroom
Messages postés
80
Date d'inscription
Statut
Membre
Dernière intervention
-
Pitet -
Pitet -
Bonjour,
Je travaille actuellement sur un site ou j'aimerais afficher le texte d'une page sur deux colonnes, le tout en CSS.
Le rendu est parfait sur Chrome, Safari et Firefox, mais on dirait bien que Internet Explorer ne prend pas en compte ces colonnes. Est ce le cas ? Je n'arrive pas trouver une vraie bonne info sur google.
Voici mon CSS (qui fonctionne partout sauf IE):
Si quelqu'un à la solution ça serait top, je penses qu'il me manque quelque chose pour spécifier tout ça à IE.
Merci beaucoup.
Je travaille actuellement sur un site ou j'aimerais afficher le texte d'une page sur deux colonnes, le tout en CSS.
Le rendu est parfait sur Chrome, Safari et Firefox, mais on dirait bien que Internet Explorer ne prend pas en compte ces colonnes. Est ce le cas ? Je n'arrive pas trouver une vraie bonne info sur google.
Voici mon CSS (qui fonctionne partout sauf IE):
#pageBox #content #texte {
position: relative;
width: 695px;
height: 360px;
padding-top: 10px;
text-align:justify;
-moz-column-width: 15em;
-webkit-column-width: 15em;
-moz-column-gap: 1em;
-webkit-column-gap: 1em;
}
Si quelqu'un à la solution ça serait top, je penses qu'il me manque quelque chose pour spécifier tout ça à IE.
Merci beaucoup.
A voir également:
- Colonnes CSS vs IE
- Comment faire des colonnes sur word - Guide
- Classer par ordre alphabétique excel plusieurs colonnes - Guide
- Udp vs tcp - Guide
- Ie tab - Télécharger - Outils pour navigateurs
- Inverser deux colonnes excel - Guide
3 réponses
Salut,
Il semble que les colonnes CSS3 ne soit pas encore supporté sur IE :
http://www.w3schools.com/css3/css3_multiple_columns.asp
A vérifier avec Internet Explorer 10.
Bon courage
Edit : en effet cela n'est pris en charge que depuis la version 10 pour IE :
http://msdn.microsoft.com/fr-fr/library/ie/hh673534(v=vs.85).aspx
Pour les autres versions il faudra trouver une parade en CSS ou même en javascript.
Il semble que les colonnes CSS3 ne soit pas encore supporté sur IE :
http://www.w3schools.com/css3/css3_multiple_columns.asp
A vérifier avec Internet Explorer 10.
#pageBox #content #texte {
position: relative;
width: 695px;
height: 360px;
padding-top: 10px;
text-align:justify;
/* prefixe -moz- pour firefox */
-moz-column-width: 15em;
-moz-column-gap: 1em;
/* prefice -webkit- pour chrome */
-webkit-column-width: 15em;
-webkit-column-gap: 1em;
/* pas de prefixe pour IE */
column-width: 15em;
column-gap: 1em;
}
Bon courage
Edit : en effet cela n'est pris en charge que depuis la version 10 pour IE :
http://msdn.microsoft.com/fr-fr/library/ie/hh673534(v=vs.85).aspx
Pour les autres versions il faudra trouver une parade en CSS ou même en javascript.
Merci pour ta réponse Pitet...
Malheureusement j'avais déjà essayé cela, mais sans succès. Pourtant, sur le site de microsoft, c'est ce qu'ils annoncent.
... quelqu'un d'autre à surement déjà rencontré ce problème. J'espère. :-|
Malheureusement j'avais déjà essayé cela, mais sans succès. Pourtant, sur le site de microsoft, c'est ce qu'ils annoncent.
... quelqu'un d'autre à surement déjà rencontré ce problème. J'espère. :-|
En effet d'autres personnes ont déjà rencontré ce problème, pour exemple :
http://stackoverflow.com/questions/5348061/how-to-display-css3-columns-on-ie
Sur ce post il propose le plugin Columnizer pour JQuery. Je ne l'ai jamais essayé donc je ne pourrai malheureusement pas t'en dire plus.
A toi d'essayer.
http://stackoverflow.com/questions/5348061/how-to-display-css3-columns-on-ie
Sur ce post il propose le plugin Columnizer pour JQuery. Je ne l'ai jamais essayé donc je ne pourrai malheureusement pas t'en dire plus.
A toi d'essayer.
