http://iht.com/articles/2008/07/08/business/G8.php pour un exemple concret. Je t’invite donc à cliquer sur l’outil en question.

Le problème n’est pas que technique, il est aussi ergonomique. La caractéristique d’un média paginé, c’est que l’ensemble de la page est visible d’un coup d’oeil. On évitera de faire des colonnes étroites sur toute la hauteur d’une page de journal, mais même si on le faisait ça resterait lisible (bien que pas optimal).

Avec un média non paginé comme le Web (et plus particulièrement son rendu à l’écran), on a un gros problème: il n’y a pas de page. Jusqu’où doit aller ma colonne CSS3, dans ce cas? Si je dois scroller pour lire la fin de la première colonne, puis remonter pour lire le début de la seconde, puis scroller à nouveau, puis remonter encore pour lire la troisième colonne… non, vraiment, ça n’est pas envisageable.

En sachant que les écrans peuvent être de taille réduite (pensons par exemple à l’eeePC et ses clones, ou encore à l’iPhone et autres mobiles connectés), le mode multi-colonnes pour un même contenu (ce que propose le module CSS3 dont il est question ici) devient beaucoup moins intéressant. Il faudra en limiter l’application aux écrans suffisamment grands (en passant par les Media Queries CSS, pour les techniciens), et surtout en limiter l’application à des blocs de texte de longueur réduite.