Template:Colonne/man/confronto div col: differenze tra le versioni

Da Wikipedia, l'enciclopedia libera.
Vai alla navigazione Vai alla ricerca
Contenuto cancellato Contenuto aggiunto
FrescoBot (discussione | contributi)
Nessun oggetto della modifica
Riga 4: Riga 4:
! {{tl|Colonne}}
! {{tl|Colonne}}
|
|
*Permette di spezzare le colonne a piacimento grazie a {{tl|Colonne spezza}};
*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>&lt;ol start="numero ultimo elemento colonna precedente + 1"></code> - per gestire gli elenchi numerati;
*occorre fare qualche magia - <code>&lt;ol start="numero ultimo elemento colonna precedente + 1"></code> - per gestire gli elenchi numerati;
*ha problemi di sovrapposizione quando ci sono immagini flottanti a destra.
*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;
*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;
*potrebbe essere possibile inserire una preferenza per far variare a piacimento dell'utente il numero di colonne.
*è 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]];
*attualmente non è possibile spezzare una colonna a piacimento.
*non è possibile spezzare una colonna a piacimento.
|}
|}



Versione delle 16:15, 16 ott 2015

Template Vantaggi Svantaggi
{{Colonne}}
  • Permette di decidere il punto esatto in cui inizia la colonna successiva;
  • dà un aspetto omogeneo anche con i browser più vecchi;
  • 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;
  • occorre ricalibrare manualmente le colonne quando si aggiungono o rimuovono elementi in una lista;
  • occorre fare qualche magia - <ol start="numero ultimo elemento colonna precedente + 1"> - per gestire gli elenchi numerati;
  • ha problemi di sovrapposizione quando ci sono immagini o sinottici a destra.
{{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, Chrome…), Gecko (Firefox…), Presto (Opera) e Trident (solamente a partire da Internet Explorer 10);
  • nei browser che non lo supportano le colonne sono ignorate, ma non è compromessa la leggibilità;
  • non ha problemi di sovrapposizione con le immagini flottanti;
  • il contenuto si ridispone automaticamente quando si aggiungono nuovi elementi;
  • non ha problemi né con gli elenchi puntati né con quelli numerati;
  • è possibile personalizzare per utente la larghezza standard delle colonne.