Changelog
Änderungen in Version 2.5.2 [31.12.2006]
- Anpassung des IE-Clearings an die finale Version des Internet
Explorer 7.0
Das IE-Clearing wurde dem leicht veränderten Rendering-Verhalten der finalen Version des IE7 anpgepasst. Nähere Informationen dazu finden Sie im Abschnitt 2.7: Das Clearing der Spalte #col3. - "Shiny Buttons" Navigation
Die Anpassungen für den IE zur Korrektur des Box-Modell-Bugs in der Datei iehacks_vlist.css führten zu einer teilweise fehlerhaften Darstellung im Internet Explorer 6. Das Problem wurde beseitigt, siehe Abschnitt 3.7: Bausteine für die Navigation. - "Sliding Doors II" Navigation
In der bisherigen Fassung entsprechend dem Artikel auf A-List-Apart wurde der IE5.01 nicht korrekt unterstützt. Dieser stellte die Menüeinträge zu schmal dar. Für diesen Browser ist eine entsprechende Anpassung in das Stylesheet nav_slidingdoorII.css aufgenommen und kommentiert worden. - Änderung in der Datei base.css
Der Eintrag * {font-size: 100%} wurde entfernt. Durch ihn wurden sämtliche Schriftgrößendefinitionen zurückgesetzt. Der Eintrag hat jedoch keinen unmittelbaren Einfluss auf das Layout. Die Gestaltung der Inhalte erfolgt ausschließlich über die Datei content.css. - Ergänzung in der Datei base.css
Durch das allgeimeine Zurücksetzen der Abstände über * {margin: 0; padding: 0;} für alle HTML-Elemente werden in den meisten Browsern Select-Boxen innerhalb von Formularen zu kurz gerendert, wodurch der letzte Buchstabe des Inhaltstexts vom Auswahlbutton überdeckt wird. Das Problem wird behoben, indem der Eintrag option {padding-left: 0.4em} direkt im Anschluss an das Zurücksetzen der Abstände ergänzt wird. - Ergänzung in der Datei iehacks.css
Durch die Einträge html {height: auto} und body {min-height: none} wird im Internet Explorer die nur den Firefox und Netscape bestimmte Vergrößerung von body zur Korrektur (Erzwingen vertikaler Scrollbalken) zentrierter Layouts zurückgesetzt. - Symbolgrafiken für "vlist" Navigation
Im Verzeichnis css/navigation/gfx/vlist/ wurde ein Satz kleiner quadratischer Grafiken aufgenommen, mit denen auf Wunsch innerhalb der Navigation Menüpunkte mit Untermenüs gekennzeichnet werden können. - Dokumentation: Minimale & maximale Breiten
Der Abschnitt 4.6: Minimale & maximale Breiten flexibler Layouts sowie die zugehörigen Layoutbeispiele wurden inhaltlich überarbeitet. - [Update 01.11.06] Escaping Floats Bug
Bugfix in der iehacks.css für IE7 Final zugänglich gemacht. Der Bug ist nach im IE7 nicht beseitigt. - [Update 31.12.06] Anpassung der Nutzungsbedingungen
Ab dem 1.1.2007 gelten neue Preise für die Lizenzierung des Frameworks. Ab diesem Datum wird auf allen Lizenzrechnungen die Mehrwertsteuer ausgewiesen, siehe Nutzungsbedingungen.
Änderungen in Version 2.5.1 [29.08.2006]
- "Shiny Buttons" und "Sliding Doors II" Navigation
XHTML- und CSS-Struktur der "Shiny Buttons" wurden überarbeitet, sodass die Dummyeinträge #first und #last nicht mehr benötigt werden. Die neue "Sliding Doors II " Navigation wurde entsprechend der Version 2 des Artikels bei "A List Apart" erweitert. Damit ist nun im IE der Klickbereich vergrößert und in allen modernen Browsern wird ein grafischer Hovereffekt für die Reiter erzeugt. Die zugehörigen Grafiken für alle Navigationsbausteine befinden sich ab sofort im Ordner css/navigation/gfx - Änderung der Positionierung von #topnav in der
base.css
Der Container #topnav wird jetzt innerhalb von #header absolut positioniert und hat somit keine Auswirkungen mehr auf andere Inhalte des Containers #header, was die Gestaltung des Kopfbereiches vereinfachen sollte. - Subtemplates - Korrektur der Klasse subc
Die Paddings der Contentbox subc müssen in der Summe gleich groß, wie die Paddings der Boxen subcl und subcr sein, damit die Spalten insgesamt gleich breit gerendert werden. Ein entsprechender Hinweise wurde im Abschnitt 4.5: Subtemplates ergänzt. - Rendering Bug im IE im Zusammenhang mit <blockquote> entschärft
Bei der Verwendung von Absatztexten (<p>) innerhalb von <blockquote> wurde der Hintergrund dieser Elemente teilweise nicht gerendert, falls sich ein weiterer <p>-Tag direkt vor diesen Elementen im Quelltext befindet. Zur Beseitigung dieses Bugs erhält <blockquote> im Internet Explorer die Eigenschaft zoom:1. Nähere Informationen, siehe Abschnitt 3.5: Anpassungen für den Internet Explorer, Informationen zum Disappearing Background Bug. - Anpassung des IE-Clearings an den IE7 RC1
Die negativen Margins zur erzwungenen Verbreiterung der Clearing-Box wurden durch eine Breitenvorgabe von 102% ersetzt. Der IE 7 Beta 2 wird damit ab sofort nicht mehr unterstützt. Näheres zum Clearing, siehe Abschnitt 2.7: Das Clearing der Spalte #col3. - Textnavigation
Für Hyperlinks wurde in der Datei content.css zusätzlich die Pseudoklasse :focus definiert. Somit werden Links auch bei der Navigation mit der Tastatur korrekt hervorgehoben. - Opera 9 Hover-Bug
Die aktuelle Version des Opera-Browsers 9.01 beinhaltet einen Hoverbug, der dazu führt, dass Margins zwischen einem clearenden Element und dem nachfolgenden Element kollabieren. Im Layout der YAML-Doku war der Footer betroffen, dessen Stil-Definitonen entsprechend angepasst wurden, um als Workaround auf den oberen Margin zu verzichten. Ein Hinweis wurde im Abschnitt 5.3: Bekannte Probleme ergänzt.
Änderungen in Version 2.5 [04.07.2006]
- Dokumentation vollständig überarbeitet
Im neuen Abschnitt 1.5: Verzeichnisstruktur des Frameworks wird die die Bedeutung der einzelnen Ordner und der darin befindlichen Dateien erläutert. Weiterhin wurde dem zentralen Stylesheet eine eigene Seite gewidment. Damit soll der Einstieg in die Arbeit mit dem Framework ein wenig vereinfacht werden. Alle weiteren Texte der Dokumentation wurden inhaltlich umfassend überarbeitet und teilweise neue strukturiert. - Ersatz des HR-Tags zum Clearen von #col3
Das globale Clearing im Internet Explorer wurde bisher durch einen speziellen HR-Tag mit der Klasse .clear_columns realisiert. Dieser wird ab der Version 2.5 durch einen DIV-Container mit der ID #ie_clearing ersetzt (siehe Abschnitt 2.7: Das Clearing von #col3 ). Durch diese Änderung wird der Bug beseitigt, der zum kollabieren des Margins an #col3 führte. Die CSS-Deklarationen des HR-Clearings sind nach wie vor in der Datei base.css enthalten, um die Funktion älterer Layouts weiterhin zu gewährleisten. Der Abschnitt 2.7 wurde in diesem Zusammenhang vollständig überarbeitet und die Funktionsweise des neuen Clearings im Detail erläutert. - Bekannte Probleme: Bugfix für kollabierenden Margin an #col3
Der in früheren YAML-Versionen im Abschnitt 5.3 aufgeführte Bug konnte im IE6 und IE7 erfolgreich gefixt werden. Der Einsatz der grafikfreien Spaltentrenner ist damit ab sofort ungehindert möglich. Der Bug tritt nur noch im IE5.x auf ist damit kaum mehr von Bedeutung (siehe Abschnitt 5.3: Bekannte Probleme). - Disappearing List-Background Bug beseitigt
In die Datei iehacks.css wurde ein Hack zur Beseitigung des Disappearing List-Background Bugs des Internet Explorers aufgenommen. Nähere Informationen dazu finden Sie im Abschnitt 3.5: Anpassungen für den Internet Explorer. - Vertikale Listennavigation
Im Verzeichnis css/navigation steht eine neue vertikale Listennavigation bereits. Nähere Angaben finden Sie im Abschnitt 3.7: Bausteine für die Navigation . - Verbesserte Version des "Filler Text" &
Opera-Hinweis
Die verbesserte Version bietet zusätzlich die Möglichkeit, hinzugefügte Textblöcke wieder zu entfernen. Weiterhin wurde ein Hinweis bezüglich eines Darstellungsproblems im Opera in Verbindung mit diesem Script in den Abschnitt 5.3: Bekannte Probleme aufgenommen. - Subtemplates - Erweiterung und Netscape7 Bugfix
Ergänzung einer 25/75 Prozent-Teilung. Durch einen zweistufigen Workaround blendet der Netscape 7 die Inhalte der Subtemplates nicht mehr aus. Der Workaround ist im Abschnitt 5.3: Bekannte Probleme dokumentiert und kann bei Bedarf verwendet werden. - Bugfix für Geordnete Listen
In der Datei base.css wurde der linke Margin in den Standardformatierungen für Geordnete Listen auf 1em heraufgesetzt. Dieser Margin war zuvor auf Null gesetzt, was im Internet Explorer dazu führte, dass die Nummerierung teilweise nicht sichtbar war. - Korrektur in Skiplinks
Änderung in der Bezeichnung: "Direkt zum Content springen" wurde ersetzt durch "Direkt zum Inhalt springen"
Änderungen in Version 2.4 [18.05.2006]
- Anpassungen für Internet Explorer 7 - Beta2
(dt.) Build: 7.0.5346.5
- Der IE7 kommt derzeit noch nicht bugfrei und kommt daher nicht ohne CSS-Hack aus. Der Conditional Comment im Quelltext (siehe Abschnitt 3.5: Anpassungen für den Internet Explorer) wurde daher angepasst, so dass der IE7 ab sofort mit den IE-Hacks versorgt werden kann: <!--[if lte IE 7]>.
- Überarbeitung der der iehacks.css und aller layoutabhäniger Anpassungsdateien im Verzeichnis css/explorer, so dass der IE7 nur die Hacks erhält, die er wirklich benötigt. Als Browserweiche zw. IE6 und IE7 wird * html verwendet.
- Erweiterung des Clearfix Hacks für IE7 .clearfix { display: inline-block; } innerhalb der Datei iehacks.css entsprechend dem Artikel "New clearing method needed for IE7?"
- Subtemplates zur Gliederung von Inhalten innerhalb einer
Spalte
Über Subtemplates (kleine individuell einsetzbare XHTML-Codestücken) lassen sich beliebige Inhaltsblöcke innerhalb einer Spalte nebeneinander positionieren. Die Platzaufteilung ist dabei sehr variabel. Des Weiteren können Subtemplates beliebig ineinander verschachtelt werden. Nähere Informationen finden Sie im Abschnitt 4.5: Subtemplates. - Flicker-Problem entgültig identifiziert - Hack stark
vereinfacht
Das in bisherigen YAML-Version als "Flicker-Bug" nicht näher bezeichnete IE-Problem ist identifiziert. Es ist auf die Probleme des Internet Explorers mit dem Schriftstil Italics zurückzuführen und als Italics-Bug bereits dokumentiert. Ein entsprechender Hack ist in die iehacks.css eingebaut und beseitigt das Problem zuverlässig (siehe Abschnitt 3.5: Anpassungen für den Internet Explorer). Durch den Wegfall des umständlichen Flicker-Hacks sollten Layoutanpassungen im IE nun deutlich unkomplizierter sein als zuvor. Auch der Umgang mit Tabellen innerhalb der einzelnen Spalten wird im IE dadurch erheblich vereinfacht. - Erweiterte Einsatzmöglichkeiten für 3-Pixel-Hack
Durch den Wegfall des Flicker-Problems ist der Hack für den 3-Pixel-Bug jetzt auf jedes flexible Layout anwendbar. Der Hack ist daher jetzt auch im abb-Layout des YAML-Frameworks aktiv. Einzige Ausnahme bleibt die Verwendung beim Einsatz der grafikfreien Spaltentrenner. - Bekannte Probleme: Absturzprobleme beseitigt
Die Abstürze des Internet Explorers beim starken verkleinern der Fensterbreite sind durch den Wegfall des Flicker-Hacks behoben. Der Hinweis im Abschnitt 5.3 wurde entfernt. - Ergänzung der betroffenen Browserversionen bei IE-Bugs
In den Abschnitten 3.4 und 5.3 wurden zu den Fehlerbeschreibungen jeweils eine Liste der betroffenen Browser-Versionen aufgenommen. - Korrektur in base.css
- Der Opera-Hack zur Beseitigung der Rundungsfehler bei Schriftgrößen font-size: 100.01% war durch den nachfolgenden *-Selektor wirkungslos. Die Reihenfolge wurde daher getauscht.
- Die Eigenschaft position:relative für die Spalten #col1 und #col2 wurde entfernt. Für #col3 wurde die Angabe in die Datei iehacks.css übernommen.
- Korrektur in basemod.css
Die Eigenschaft body { font-size: small; } führte zu unterschiedlich großen Schriftgrößen im IE5.x und IE6. Die Eigenschaft wurde in body { font-size: 83.33%; } geändert und in die Datei content.css verschoben. - layoutabhängige IE-Anpassungen
Inhalte überarbeitet und Dateibezeichnungen vereinheitlicht. Für jedes Layout existiert jetzt eine separate Anpassungs-Datei. iehacks_vlines.css wurde zuvor in drei verschiedenen Layouts verwendet. - Probleme mit älteren Netscape Browsern
Anmerkungen zu Netscape Browsern der Versionen 6.x und 7.x aufgenommen (siehe Abschnitt 5.3: Bekannte Probleme).
Änderungen in Version 2.3 [24.04.2006]
- Umstrukturierung des CSS-Verzeichnisses
Die YAML-Grundbausteine (base.css & iehacks.css), basemod-Dateien, Menüs, usw. wurden in separate Unterverzeichnisse einsortiert. Im CSS-Stammverzeichnis finden sich ab sofort sämtliche zentralen Stylesheets für alle bereitgestellten YAML-Layoutvariationen. Folgende Gliederung wurde eingeführt:- css - Hier befinden sich die zentralen Stylesheets für alle verwendeten Layoutvariationen
- css/main - Grundbausteine base.css & iehacks.css abgelegt sowie die Datei content.css
- css/modifications - Verzeichnis für die basemod-Dateien (das ehemalige Verzeichnis css/storage entfällt)
- css/explorer - layoutabhängige Anpassungsdateien für den Internet Explorer
- css/print - Vorlagen für das Drucklayout
- IE-Anpassungen ab sofort layoutabhängig möglich
Die Korrektur der Layoutfehler im Internet Explorer erfolgt ab sofort über layoutabhängige Anpassungsdateien im Verzeichnis css/explorer. Nähere Erläuterungen dazu finden Sie siehe Abschnitt 3.5. Der gesamte Abschnitt wurde überarbeitet. - 3-Pixel-Jog des Internet Explorers beseitigt
In V2.2 wurde der 3-Pixel-Jog Bug des Internet Explorers in die Liste der "Bekannten Probleme" aufgenommen. Ab sofort ist auch für diesen lästigen IE-Bug ein Hack verfügbar. Erläuterungen, siehe Abschnitt 3.5. Der Eintrag in den "Bekannten Problemen" wurde entfernt. - Doubled Float-Margin Bug des Internet Explorers beseitigt
Bei einigen Varianten der freien Spaltenanordnung konnte im Internet Explorer der "Doubled Float-Margin Bug" auftreten. In die Datei iehacks.css wurde ein Hack zur Vermeidung dieses Bugs hinzugefügt, siehe Abschnitt 3.5. - Extreme Font-Sizing Bug
Der "Extreme Font-Sizing Bug" des IE tritt nicht mehr auf. Die Ursache * { font-size: 1em } in der Datei base.css wurde beseitigt und durch * { font-size: 100% } ersetzt. Der zugehörige Hack wurde aus der Datei iehacks.css entfernt. - Vorformatierung für Formularelemente
Die Vorformatierung der Browser für Formularelemente bleibt nun wieder erhalten. Dazu wurde * { border: 0 } aus der Datei base.css entfernt. Formularelemente sind somit auch ohne entsprechende CSS-Formatierung sichtbar. - Freie Spaltenanordnung
Mit einigen basemod-Dateien zur freien Spaltenanordnung traten Darstellungsfehler im Internet Explorer/Firefox auf. Die basemod-Dateien wurden überarbeitet und die Fehler beseitigt. Zusätzlich wurde der gesamte Abschnitt 4.4: Freie Spaltenanordnung überarbeitet und alle 6 Layout-Varianten stehen im Verzeichnis layout-storage zum Testen bereit. - Automatische Linkauszeichnung
Die Erläuterung im Abschnitt 3.8 wurden dahingehend ergänzt, dass die automatische Auszeichnung nicht nur bei der Verwendung relativer Pfadangaben funktioniert sondern auch in Abhängigkeit der Domain erfolgen kann. - Shiny Buttons Navigation
Darstellungsfehler im Firefox unter Linux (horizontaler Scrollbalken) behoben.
Änderungen in Version 2.2 [23.02.2006]
- Ausgliederung Menu-CSS
Die bisher in der Datei basemod.css verankerte CSS-Definitionen für die Hauptnavigation wurden in die Datei nav_slidingdoor.css ausgelagert. Die Formatierung der Hauptnavigation wird damit unabhängig vom Layout verwaltet und kann flexibler eingesetzt werden. Der neue Abschnitt 3.7 erläutert die Verwendung des Stylesheets. - Bereitstellung eines alternativen Navigations-Stylesheets
Mit der Datei nav_shinybuttons.css steht eine alternative Darstellung der Hauptnavigation zur Verfügung. Zur Anwendung, siehe Abschnitt 3.7. - Bearbeitungshilfen für Dreamweaver
Der Dreamweaver hat einige Schwierigkeiten mit der korrekten Darstellung des Layouts im Editor-Modus. Hierfür stehen im Verzeichnis Hilfsmittel/Dreamweaver alternative Entwurf-Stylesheets bereit, die eine annähernde WYSIWYG Bearbeitung YAML-basierter Webseiten im Dreamweaver ermöglichen. - Überarbeitung des Kapitels 5
Die Abschnitte 5.4 und 5.5 präzisieren und erweitern die Nutzungsmöglichkeiten des YAML-Frameworks für den kommerziellen Bereich. Weiterhin wurde der Abschnitt 5.1: Robuste flexible Layouts neu geschrieben. - Ergänzung: Bekannte Probleme - IE
Zwei weitere kleine IE-Probleme wurden samt Empfehlung für einen Workaround in die Liste der bekannten Probleme aufgenommen. - IE Guillotine Bug
Fehlerkorrektur in der Datei iehacks.css. Die Hover-Effekte der Links im Footer wurden bisher nicht korrekt abgeschaltet. Das Problem wurde behoben. - Vorgefertigte basemod-Dateien
Alle im Abschnitt 4.4: Freie Spaltenanordnung erläuterten Modifikationen des Basislayouts stehen im Verzeichnis css/storage zur Verwendung bereit.
Änderungen in Version 2.1.1 [26.01.2006]
- Umbenennung der Druckstylesheets
Durch die Umbenennung der Spalten im Quelltext in YAML V2.1 und der Möglichkeit der freien Spaltenanordnung muss auch die Benennung der Druckstylesheets geändert werden. Die neue Benennung enthält die Ziffern 1, 2 und 3 der auszudruckenden Spalten und orientiert sich an der Reihenfolge der Spalten im Quelltext. Weitere Erläuterungen zur Benennung finden Sie im Abschnitt 3.9. - Beseitigung des IE Guillotine Bugs
Der in der Datei css/content.css definierte Hovereffekt für Hyperlinks löst im IE/Win den Guillotine Bug aus. Dies führte an einigen Stellen zu lästigen springenden Containern beim Überfahren von Links mit der Maus. Ein Fix für das Problem ist in der Datei css/iehacks.css ergänzt worden und wird im Abschnitt 3.5 erläutert.
Änderungen in Version 2.1 [18.01.2006]
- Erweiterung des Tutorials
Ein einleitendes Kapitel erläutert das Konzept von YAML und erklärt kurz wichtige Fachbegriffe. Zusätzlich wurden folgende Abschnitte um wichtige Hinweise ergänzt:- Abschnitt 2.6: Funktionsweise von floats
- Abschnitt 2.7: Der Clou
- Abschnitt 3.2: IE5/Mac & Netscape 4
- Abschnitt 3.3: Das Basisstylesheet
- Abschnitt 3.8: Das Drucklayout
- Abschnitt 5.3: Bekannte Probleme
- Skiplink-Navigation
Zur schnelleren Navigation in Screenreadern wurde eine am Bildschirm unsichtbare Skiplink-Navigation eingebaut, mit deren Hilfe das Hauptmenu und der Content-Bereich direkt angesprungen werden können. - Ergänzung zu min-width und max-width
Für den Internet Explorer wurde die Expressions-Methode zur Bereitstellung der fehlenden Funktionalität aufgenommen. Details, siehe Abschnitt 4.6: Minimale & Maximale Breiten. Sie ist zwar ebenfalls keine optimale Lösung, vermeidet aber das Springen des Layouts auf den Mindest- oder Maximalwert der Breite. - Kleiner IE-Bug in hr.clear_columns beseitigt
Die CSS-Eigenschaft font-size: 0; von hr.clear_columns in der Datei css/base.css führte im Internet Explorer zu einem zusätzlichen vertikalen Abstand zum Footer. Die Angabe wurde durch line-height: 0; ersetzt, welche das Problem beseitig. Weiterhin wurde die Eigenschaften padding und margin vollständig ergänzt, um die Vererbung dieser Eigenschaften zu vermeiden. - Umbenennung: #col2 und #col3 werden
getauscht
Durch das Vertauschen der Bezeichnungen stimmt die Nummerierung der Spalten jetzt immer mit der Reihenfolge der einzelnen DIV-Container im Quelltext überein. Dies verbessert die Übersicht, insbesondere wenn die freie Spaltenanordnung genutzt wird. - Umbenennung #impressum in #topnav
Um Fehlinterpretationen zu vermeiden, wurde der Container #impressum in #topnav umbenannt. Der DIV-Container ist dafür gedacht, den Impressumslink, Such-Felder, Skiplink-Navigation oder Links für alternative Sprachversionen aufzunehmen. - Umbenennung schriften_und_farben.css in content.css
Seit der ersten Version von YAML wurden in dieser Datei die CSS-Formatierungen der eigentlichen Seiteninhalte vorgenommen. Der Logik folgend erhält das Stylesheet nun auch den passenden Namen.
Änderungen in Version 2.0.1 [23.12.05]
- Barrierefreiheit Tutorial
Die Layoutvariation 3col_abb.css, welche im Tutorial zum Einsatz kommt und ein 3-Spalten-Layout mit zwei gleichwertigen Inhaltsspalten liefert, wurde überarbeitet. Ab sofort werden die beiden Inhaltsspalten auch in Textbrowsern und im Drucklayout in der richtigen Reihenfolge angezeigt werden (Mitte, Rechts). Die dazu nötigen Änderungen werden im Abschnitt 4.1 erläutert.
Änderungen in Version 2.0 [22.12.05]
- Vorbereitung auf den IE7
Alle CSS-Hacks wurden aus der Datei css/base.css in die Datei css/iehacks.css verschoben. Die neue Version des Internet Explorers enthält eine lange Liste von Bugfixes, so dass der IE7 - ich hoffe es jedenfalls - völlig ohne Anpassungen das Layout korrekt rendert. Der Conditional Comment wurde daher erweitert und greift vorerst nur noch bis zur Version 6.0. - Neue Druckstylesheets
Das Druckstylesheet wurde komplett überarbeitet. Die auszudruckenden Spalten können jetzt frei gewählt werden. Die Spalten werden auf voller Breite untereinander gedruckt, ihre Lage im Layout (Links/Mitte/Rechts) wird im Drucklayout angezeigt. Jede Spalte beginnt auf einer neuen Seite. Die URL externer Hyperlinks wird im Drucklayout automatisch mit ausgedruckt usw. - min-width und max-width
Für das Layout können eine minimale und eine maximale Breite definiert werden. Die Funktionalität dieser CSS-Eigenschaften für den Internet Explorer wird über ein externes Javascript sichergestellt. - Auszeichnung externer Links
Das Stylesheet css/schriften_und_farben.css enthält die Definition zur Auszeichnung von Links, deren URL mit http: oder https: beginnen. Diesen Hyperlinks wird automatisch ein kleines Pfeilsymbol voran gestellt.