Page 1 sur 1

Colonnes CSS3

Publié : 23 oct. 2004, 18:26
par calimo
Normalement, les dernières versions de Mozilla sont censées supporter les colonnes CSS3. Ceci est implémenté dans le bug 251162.
Voici un petit exemple.
Comme vous pouvez le constater si vous utilisez la dernière nightly de Mozilla 1.8a5... ça ne marche pas !
J'ai toujours
Error: Unknown property 'column-count'. Declaration dropped.
Source File: http://smilissimo.free.fr/tests/css3-colonnes.htm
Line: 8
dans ma console JavaScript.

Qu'est-ce que j'ai fait de faux :?: :shock:

Merci pour votre aide :oops:

Publié : 23 oct. 2004, 19:53
par Xanthor
C'est pas pour l'instant -moz-column-content ? (qui marche chez moi)

Publié : 23 oct. 2004, 21:49
par bobo
Comme le support est encore expérimentale, et les specs non finalisées, les propriétés ont le préfixe -moz-.
Il y a donc -moz-column-count, -moz-column-width, et -moz-column-gap.

Publié : 23 oct. 2004, 22:05
par calimo
Ah ben oui tiens :lol: 8)

Sans doutes parce que le module n'en est qu'au stade de document de travail ?

En tous cas ça marche déjà drôlement bien, belle flexibilité, il manque encore certaines choses comme la règle centrale ou la "width-policy" mais on peut faire des choses déjà intéressantes, le principal est bien là :D

Pour ceux qui ne sauraient pas encore ce que sont ces fammeuses colonnes CSS3, voici un exemple. À regarder dans une nigtly du tronc récente (ce n'est pas dans la 1.8a4).

Publié : 23 oct. 2004, 22:24
par bobo
Très chouette ton exemple. Les lettrines ajoutent un petit plus très appréciable sur ce genre de disposition.