imported>Joshinils: bild verschieben, damit überschrift immer ungebrochen dargestellt wird

2026-02-13T08:12:49Z

bild verschieben, damit überschrift immer ungebrochen dargestellt wird

Neue Seite

{{Wikipedia-Konventionen}}
{{Hilfreiches|* [[Hilfe:Listen und Tabellen|Listen und Tabellen – Technische Hilfe]]}}

Beim [[WP:Wie gute Artikel aussehen|Strukturieren]] und [[WP:Formatierung|Formatieren von Artikeln]] erscheint es gelegentlich sinnvoll, auf [[Spaltensatz]] (auch ''Mehrspaltigkeit'') zurückzugreifen, um leere Flächen ([[Typografischer Weißraum|Weißraum]]) auszunutzen, die beispielsweise neben schmalen [[Hilfe:Listen|Listen]] entstehen. Abhängig von der von einem Benutzer eingesetzten Hard- und Software kann Spaltensatz aber mehr Probleme schaffen als lösen, weshalb er in Wikipediaartikeln meist vermieden werden sollte.

== Probleme bei der Verwendung von Spalten ==
=== Bei starrer Spaltenzahl ===
[[Datei:Multicol in Onlinevideothek.jpg|miniatur|hochkant=2|Eine beispielhafte Fehldarstellung von Spaltensatz]]
{{nowrap|Die Problematik}} bei der Verwendung von Spalten innerhalb der Wikipedia ist, dass das Darstellungsmedium des Artikels nicht bekannt ist. Oft wird es sich dabei um einen Webbrowser mit wenigstens 1024 Pixeln, meist 1366 oder mehr Pixeln Bildschirmbreite handeln. In diesen Fällen sind zwei- bis maximal dreispaltige Layouts unproblematisch. Es kann sich aber auch um ein Mobilgerät mit einem erheblich kleineren Bildschirm handeln, auf dem es dann zu Überlagerungen von Texten kommen kann, was zur Folge hat, dass der Text nicht mehr lesbar ist.

Neben Textüberlagerungen kann es auch zu horizontalen [[Bildlauf]]leisten kommen, da die Seitenbreite nicht mehr ausreicht. Die Benutzung von horizontalen Bildlaufleisten ist auf den meisten Computern nur mit einer Mausbewegung und den Maustasten möglich und nicht so einfach wie das Mausrad für die vertikalen Bildlaufleisten.

Werden Daten auf zwei nebeneinander stehende Tabellen aufgeteilt, sind diese nicht mehr [[Hilfe:Tabellen/Sortierung|sortierbar]].

=== Bei starrer und flexibler Spaltenzahl ===
Wenn Spalten für lange Listen verwendet werden, kann es dazu kommen, dass die Liste ungünstig umbricht oder man wieder nach oben scrollen muss, um weiterlesen zu können.

Vor allem beim Einsatz von [[Bildschirmlupe]]n kann es auch passieren, dass der Benutzer die Inhalte der weiter rechts stehenden Spalten übersieht.

=== Fazit ===
Dem gegenüber entsteht durch den Verzicht auf Spaltensatz der subjektiv verschieden stark empfundene Nachteil, dass Platz verschenkt wird und das Gesamtbild weniger ästhetisch wirkt.

== Techniken für Spaltensatz ==
'''Spaltensatz durch …'''

; Tabellen/Tabellenspalten
: Häufig werden [[Hilfe:Tabellen|Tabellen]] genutzt, um Inhalte nebeneinander zu positionieren. Tabellen sollten aber tabellarische Informationen zeigen und nicht für Layoutzwecke benutzt werden.
; Inline-Blöcke mittels CSS
: Hat man beispielsweise mehrere schmale Listen untereinander, so kann man diese jeweils (ggf. mit Überschriften) in ein <code>div</code>-Element einschließen, welche die CSS-Eigenschaft <code>display: inline-block</code> sowie ggf. <code>vertical-align: top</code> erhalten; es bietet sich auch an, jeweils rechts einen Abstand zum nächsten Element zu ergänzen. Die Listen stehen nun nebeneinander, wenn die (Browser-)Fensterbreite es zulässt, ansonsten wie gewohnt untereinander. Selbiges funktioniert mit Tabellen; beispielsweise kann eine schmale 40-zeilige Tabelle in zwei 20-zeilige aufgeteilt werden, die nebeneinander stehen können.
; „echte“ CSS-Spalten
[[Datei:Listenoptimierung.png|mini|oben: Liste mit fixer Spaltenanzahl<br />unten: einfache Optimierung mit <code><nowiki><div style="column-width:30">...</div></nowiki></code>]]
: Spaltensatz kann auch durch die Verwendung von [[Cascading Style Sheets|CSS3]]-Eigenschaften erzeugt werden.<ref>[https://developer.mozilla.org/en/css3_columns CSS3 Columns] im Mozilla Developer Center</ref> Im Gegensatz zu Tabellen ermöglicht CSS variabel viele Spalten, die sich dynamisch dem auf dem Ausgabegerät verfügbaren Platz anpassen. Das vermeidet viele, jedoch nicht alle der oben aufgezählten Probleme. Diese Funktionalität wird von den modernen Browsern unterstützt, bei älteren Versionen war das entsprechende Präfix notwendig, das heißt [[Internet Explorer]] (ab 10)<ref>{{Internetquelle|url=http://msdn.microsoft.com/en-us/library/ie/hh772195(v=vs.85).aspx|titel=column-count property|hrsg=Microsoft|sprache=en|zugriff=2013-11-28}}</ref> und [[Microsoft Edge]]: <code>-ms-</code>, [[Opera (Browser)|Opera]] (ab 11.10)<ref>{{Internetquelle|url=http://www.opera.com/docs/changelogs/windows/1110/|titel=Opera 11.10 for Windows changelog|hrsg=Opera Software ASS|datum=2011-04-12|sprache=en|zugriff=2011-04-13}}</ref>: <code>-o-</code>, Browser mit [[Gecko (Software)|Gecko]]-Engine<ref>[[:en:List of web browsers#Gecko-based browsers|Gecko-basierende Browser]]</ref> (wie [[Mozilla Firefox|Firefox]] ab 1.5): <code>-moz-</code>, sowie Browser mit [[WebKit]]-Engine<ref>[[:en:List of web browsers#WebKit-based browsers|WebKit-basierende Browser]]</ref> (wie [[Apple Safari]] ab 3.0 und [[Google Chrome]]): <code>-webkit-</code>. Dass die Weiterentwicklung dieses Teils des CSS-Standards und seine [[Implementierung]] in Webbrowsern nur zögerlich vorangetrieben wird, ist unter anderem in den genannten Problemen begründet.<ref>Daneben existierte noch ein HTML-Element <code><multicol></code>, das jedoch ausschließlich vom Netscape Navigator und später Communicator in den Versionen 3 (ab 1996) und 4 (ab 1997) interpretiert und aus denselben Gründen verworfen wurde.</ref>
: Zweckmäßig können vor allem Angaben wie <code>column-width:35em;</code> sein; anders als <code>column-count</code>, das eine feste Spaltenzahl erzwingt, gibt <code>column-width</code> eine bevorzugte Spaltenbreite vor. Unter Berücksichtigung des zur Verfügung stehenden Platzes kann der Webbrowser den Inhalt auf eine, zwei oder mehr Spalten verteilen. <code>columns</code> kombiniert beide Ansätze, so dass bei <code>columns: 3 35em;</code> maximal 3 Spalten von mindestens 35 em Breite erzeugt werden.
: Für eine einfache Umsetzung kann die Vorlage {{Vorlage|Mehrspaltige Liste}} eingesetzt werden, die wie folgt eingebunden werden kann:
:: <code><nowiki>{{</nowiki>Mehrspaltige Liste|breite=<abbr title="beispielsweise 20em">Breitenangabe</abbr>|liste=Inhalt}}</code>

== Alternativen ==
* [[Hilfe:Bilder|Bilder]] werden in Wikipediaartikeln [[WP:Artikel illustrieren#Positionierung von Bildern|standardmäßig rechts positioniert]]. Durch passende Platzierung im Quelltext kann der neben Listen entstandene Weißraum zweckmäßig zur [[WP:Artikel illustrieren|Illustration der Liste]] genutzt werden.
* In begründeten Ausnahmefällen ist es möglich, die [[Vorlage:TOCright]] zu nutzen, um besonders lange [[Hilfe:Inhaltsverzeichnis|Inhaltsverzeichnisse]] (TOC) rechts zu positionieren.
* Häufig wird der rechts zur Verfügung stehende Platz auch für [[Hilfe:Infoboxen|Infoboxen]] genutzt, die allerdings immer eine feste Position am Artikel-, seltener an einem Abschnittsanfang einnehmen.

== Siehe auch ==
* [[Hilfe:Einzelnachweise#Mehrspaltige Darstellung aller Einzelnachweise|Mehrspaltigkeit von Einzelnachweisen]]
* [[Wikipedia:Umfragen/Multicol|Umfrage zu mehrspaltigen Einzelnachweisen]]
* [[Hilfe:Textgestaltung/Mehrspaltigkeit und Listen]]
* Gelöschte Vorlagen: [[Wikipedia:Löschkandidaten/29. September 2009#Vorlage:Multicol, Vorlage:Multicol-break und Vorlage:Multicol-end (gelöscht)|Vorlage:Multicol]] ff., [[Wikipedia:WikiProjekt Vorlagen/Werkstatt/Archiv 2009/3#Vorlage:Spalten|Vorlage:Spalten]], [[Wikipedia:Löschkandidaten/15. März 2011#Col-Vorlagen für Spaltensatz (gelöscht)|Vorlage:Col-begin]] ff.

== Einzelnachweise und Anmerkungen ==
<references />

[[Kategorie:Wikipedia:Formatierung|Spaltensatz]]

Wikipedia:Spaltensatz - Versionsgeschichte

imported>Joshinils: bild verschieben, damit überschrift immer ungebrochen dargestellt wird