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

[Linuchs]

So geht es beim FF und der Opera. Im zweispaltigen Layout habe ich in jeder Spalte wieder zwei Spalten. Titel linksbündig, Seitenzahl rechtsbündig.

So sieht's aus:

(Bild für das Archiv bitte auf den Self-Server kopieren)

Und so ist's codiert:

.zweispaltig {  
  -moz-column-count: 2;  
  -webkit-column-count: 2;  
  column-count: 2;  
}  
.zweispaltig p {  
  margin: 0 0 0.2em 0;  
  line-height: 110%;  
}  
.zweispaltig p:nth-of-type(2n+2) {  
  margin-top: -1.2em;  
  text-align: right;  
  padding-right: 0.2em;  
  border-bottom: 1px dotted #0a0;  
}

<h3>UVWXYZ</h3>  
<div class="zweispaltig">  
  <p>Up she goes</p><p><a href="#lied_04">4</a></p>  
  <p>Wir fahren über's weite Meer</p><p><a href="#lied_03">3</a></p>  
  <p>What shall we do</p><p><a href="#lied_14">14</a></p>  
  <p>Whiskey in the Jar</p><p><a class=neu href="#lied_65">65</a></p>  
  <p>Whisky Jonny</p><p><a href="#lied_36">36</a></p>  
  <p>Whoop Jamboree</p><p><a href="#lied_16">16</a></p>  
  <p>Windjammer</p><p><a href="#lied_17">17</a></p>  
  <p>Wir lagen vor Madagaskar</p><p><a href="#lied_19">19</a></p>  
</div>  

Und der hat's gemacht:

Linuchs