Template:Colonne/man/confronto div col: differenze tra le versioni
< Template:Colonne | man
Contenuto cancellato Contenuto aggiunto
m Bot: ordinamento nelle categorie |
Nessun oggetto della modifica |
||
Riga 4: | Riga 4: | ||
! {{tl|Colonne}} |
! {{tl|Colonne}} |
||
| |
| |
||
*Permette di |
*Permette di decidere il punto esatto in cui inizia la colonna successiva; |
||
*dà un aspetto omogeneo anche con i browser più vecchi; |
*dà un aspetto omogeneo anche con i browser più vecchi; |
||
*permette di utilizzare anche solo parzialmente la larghezza dello schermo |
*permette di utilizzare anche solo parzialmente la larghezza dello schermo; |
||
*permette di compattare automaticamente le colonne, che assumono la larghezza minima necessaria, anche diversa tra di loro. |
|||
| |
| |
||
*Utilizza le tabelle; |
*Utilizza le tabelle; |
||
*occorre ricalibrare manualmente le colonne quando si aggiungono o rimuovono elementi in una lista; |
*occorre ricalibrare manualmente le colonne quando si aggiungono o rimuovono elementi in una lista; |
||
*occorre fare qualche magia - <code><ol start="numero ultimo elemento colonna precedente + 1"></code> - per gestire gli elenchi numerati; |
*occorre fare qualche magia - <code><ol start="numero ultimo elemento colonna precedente + 1"></code> - per gestire gli elenchi numerati; |
||
*ha problemi di sovrapposizione quando ci sono immagini |
*ha problemi di sovrapposizione quando ci sono immagini o sinottici a destra. |
||
|- |
|- |
||
! {{tl|div col}} |
! {{tl|div col}} |
||
| |
| |
||
*Il numero di colonne è automatico e si adatta alla larghezza dello schermo; |
|||
* |
*utilizza i CSS e non le tabelle; |
||
*funziona correttamente con i browser basati su [[WebKit]] ([[Safari (browser)|Safari]], [[Google Chrome|Chrome]]…), [[Gecko]] ([[Mozilla Firefox|Firefox]]…), [[Presto (motore di rendering)|Presto]] ([[Opera (browser)|Opera]]) e [[Trident (motore di rendering)|Trident]] (solamente a partire da [[Internet Explorer 10]]); |
*funziona correttamente con i browser basati su [[WebKit]] ([[Safari (browser)|Safari]], [[Google Chrome|Chrome]]…), [[Gecko]] ([[Mozilla Firefox|Firefox]]…), [[Presto (motore di rendering)|Presto]] ([[Opera (browser)|Opera]]) e [[Trident (motore di rendering)|Trident]] (solamente a partire da [[Internet Explorer 10]]); |
||
*nei browser che non lo supportano le colonne sono ignorate, ma non è compromessa la leggibilità; |
*nei browser che non lo supportano le colonne sono ignorate, ma non è compromessa la leggibilità; |
||
Riga 21: | Riga 23: | ||
*il contenuto si ridispone automaticamente quando si aggiungono nuovi elementi; |
*il contenuto si ridispone automaticamente quando si aggiungono nuovi elementi; |
||
*non ha problemi né con gli elenchi puntati né con quelli numerati; |
*non ha problemi né con gli elenchi puntati né con quelli numerati; |
||
* |
*è possibile [[Aiuto:Stile utente|personalizzare]] per utente la larghezza standard delle colonne. |
||
| |
| |
||
*Utilizza [http://www.w3.org/TR/css3-multicol attributi CSS] non ancora ratificati; |
*Utilizza [http://www.w3.org/TR/css3-multicol attributi CSS] non ancora ratificati; |
||
*utilizza la stessa tecnica usata da {{tl|references}} quando si specifica il numero di colonne; |
|||
*non funziona con le versioni di [[Internet Explorer]] (basato su [[Trident (motore di rendering)|Trident]]) precedenti alla [[Windows Internet Explorer 10|10]]; |
*non funziona con le versioni di [[Internet Explorer]] (basato su [[Trident (motore di rendering)|Trident]]) precedenti alla [[Windows Internet Explorer 10|10]]; |
||
* |
*non è possibile spezzare una colonna a piacimento. |
||
|} |
|} |
||
Versione delle 16:15, 16 ott 2015
Template | Vantaggi | Svantaggi |
---|---|---|
{{Colonne}} |
|
|
{{div col}} |
|
|