multi-column, ovvero contenuti su più colonne

[Chimira]

Ciao a tutti,
ho scoperto la proprietà multi-column di Css3 davvero molto potente che permette di dividere il contenuto di un <div> o di un

su più colonne. tipo articolo di giornale per capirci.

css3 è lontana da essere integrato in toto nei browser, infati il "multi-column" funziona bene solamente su Safari, IE nemmeno se lo fila.

Quindi mi chiedo se esiste un modo alternativo per ottenre lo stesso effetto. In pratica popolare un div con contenuti (dinamici) che si dispongono su colonne.

Grazie

[gabip87]

ciao.

basta usare il float sugli elementi interni al div. dai una dimensione in larghezza, lavori un po' con margin e padding ed ecco le colonne.

[salasir]

Guarda se questo ti aiuta:
Web design con le griglie

[Chimira]

Sì, se il mio contenuto fosse statico farei così e non avrei grossi problemi.
Ma il contenuto del mio ipotetico <div> è dinamico.

In pratica io ho:

<div class="dividi_in_tre_colonne">
contenuto dinamico
</div> 

Mi chiedevo se esistesse una classe CSS che permette questo in CSS2.

[Mich_]

Mi chiedevo se esistesse una classe CSS che permette questo in CSS2.

No, non c'e`.
Il problema non e` risolvibile con i CSS2.

Pero` se il tuo testo e` dinamico (quindi gestito da un programma lato server), non dovresti aver problemi ad inserire al posto del primo spazio dopo circa meta` testo:
</p>


oppure alla fine del primo paragrafo dopo meta` testo
</div></div>
in modo da spezzare il testo in due parti, cui assegnerai
float:left; width:49%;
in modo da farlo andare su due colonne.

Se le colonne devono essere tre, il discorso e` analogo (solo un pelo piu` complesso).


In alternativa si puo` realizzare la cosa anche con JS, ma e` sicuramente piu` complicato che farlo lato server, e occorre valutare cosa succede se un browser non ha JS abilitato.

[Chimira]

Ok, grazie come immaginavo.

Ciao