mehrspaltige Liste

[Gunnar Bittersmann]

@@Beat:

nuqneH

Ich habe das gelöst, indem ich die Listenelemente immer abwechselnd in die Klasse links bzw. rechts gesteckt habe.

Es ist keine gute Idee, darstellungsbezogene Kassen zu verwenden. Wenn du später die Darstellung ändern möchtest, sollest du nur das Stylesheet ändern müssen, nicht aber das Markup.

Hier sind die Klassen auch überflüssig, es geht ohne. Die CSS-Eigenschaften 'width' und 'float' kennst du?

Wenn die Listenitems unterschiedliche Höhen haben können, wäre ein klärendes Wort zu sprechen: 'li:nth-child(odd) { clear: left }' [CSS3-SELECTORS §6.6.5], Nachhilfe für IEs mit CSS-Expression.

Oder nicht 'float', sondern 'display: inline-block' verwenden.

Qapla'