Linuchs: bessere Lösung fürs Archiv (2-spaltig in 2-spaltig)

Beitrag lesen

Gerade getestet:

A4-Hochformat: einspaltig
A4-Querformat: zweispaltig

Ich drucke auch auf A4 hoch zweispaltig, allerdings muss ich das dem Drucker extra sagen:

@media (min-width: 50em) {  
  nav ul {  
    -moz-column-count: 2;  
    -webkit-column-count: 2;  
    column-count: 2;  
    -moz-column-gap: 1.5em;  
    -webkit-column-gap: 1.5em;  
    column-gap: 1.5em;  
  }  
}  
@media print {  
  nav ul {  
    -moz-column-count: 2;  
    -webkit-column-count: 2;  
    column-count: 2;  
    -moz-column-gap: 1.5em;  
    -webkit-column-gap: 1.5em;  
    column-gap: 1.5em;  
  }  
}  

Hatte mich gewundert, dass @media offenbar nur für den Bildschirm gilt. Denkfehler. Ich habe zwar die Breite der Anzeige begrenzt, sodass Display und Papier recht gut übereinstimmen. Aber die Angabe (min-width: 50em) gilt ja für die Gesamtbreite des Displays. Deshalb hat es unwissend geklappt ;-)

Linuchs