• Verständlich
  • Flexibel
  • Standardkonform
  • Barrierearm
  • Anpassbar
Screenshots
Modernes Weblayout verständlich erklärt

"Yet Another Multicolumn Layout" (kurz YAML) ist ein (X)HTML/CSS Framework zur Erstellung moderner und flexibler Layouts auf Grundlage von float-Umgebungen. Dabei stehen ein möglichst hohes Maß an Flexibilität für den Webdesigner und Zugänglichkeit für die Nutzer im Vordergrund. Innerhalb eines Tutorials wird die Funktionsweise der einzelnen Bausteine erläutert.

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.