Colonnes CSS vs IEFermé

Question

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):


#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. 

Configuration: Windows 7 / Firefox 19.0

Pitet · Answer

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.  

#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.

reedbedroom · Answer

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. :-|

Pitet · Answer

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.

Colonnes CSS vs IE

3 réponses

Discussions similaires

Newsletters