Menü
- Startseite
- YAML Changelog
- V2.x
- V1.x
Browserunterstützung
YAML unterstützt folgende Browser vollständig:
- IE 5.01/Win
- IE 5.5/Win
- IE 6.0/Win
- IE 7.0 Beta/Win
- Opera 6+/Win
- Mozilla 1.7.1+/Win
- Firefox 1.0+/Win
- Netscape 8+/Win
- Firefox 1.0+/Mac
- Safari 1.0.3+/Mac
- Camino 0.6/Mac
- Firefox 1.0+/Linux
- Konqueror 3.3.2/Linux
- Lynx/Linux
Eingeschränkte Unterstützung (siehe Abschnitt 3.2):
- IE 5.x/Mac
- Netscape 4
Changelog
Änderungen in Version 2.3 [09.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 Fehlerkorrektur der Layoutfehler im Internet Explorer erfolgt ab sofort über layoutabhängige Anpassungsdateien im Verzeichnis css/explorer. Nährere Erläuterungen, siehe Abschnitt 3.4: Hilfestellung für den Internet Explorer. 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 Abschnitt 3.4: Hilfestellung für den Internet Explorer. Der Eintrag in den "Bekannten Problemen" wurde entfernt. - Doubled Float-Margin Bug des Internet Explorers beseitigt
Bei einigen Varianten der freien Spaltenanordung 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.4: Hilfestellung für den Internet Explorer. - 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 bleibt nun 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.7: Freie Spaltenanordnung überarbeitet und alle 6 Layout-Varianten stehen im Verzeichnis layout-storage zum Testen bereit. - Automatische Linkauszeichnung
Die Erläuterung im Abschnitt 3.7: Formatierung der Inhalte 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: Navigationselemente gestalten 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: Navigationselemente gestalten. - 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 Entwurfsstylesheets bereit, die eine annähernde WYSIWYG Bearbeitung YAML-basierter Webseiten im Dreamweaver ermöglichen. Mehr dazu im Abschnitt 5.1: Erste Schritte - Ü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.2: Robuste flexible Layouts neu geschrieben. - Ergänzung: Bekannte Probleme - IE
Zwei weitere kleine IE-Probleme wurden samt Workaround-Empfehlung in die Liste der bekannten Probleme aufgenommen. - IE Guillotine Bug
Fehlerkorrektur in der Datei iehacks.css. Die Hovereffekte der Links im Footer wurden bisher nicht korrekt abgeschaltet. Das Problem wurde behoben. - Vorgefertigte basemod-Dateien
Alle im Abschnitt 4.7: Freie Spaltenanordnung erläuterten Modifikationen des Basis-Layouts 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.8: Anpassung des Layouts für Printmedien. - 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.4: Hilfestellung für den Internet Explorer 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: - 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: Das Baukastenprinzip 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 (siehe Abschnitt 3.4: Hilfestellung für den Internet Explorer). - Neue Druckstylesheets
Das Druckstylesheet wurde komplett überarbeitet. Die auszudruckenden Spalten können jetzt frei gewählt werden (siehe Abschnitt 3.8: Anpassung des Layouts für Printmedien). 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 (siehe Abschnitt 4.6: Minimale & Maximale Breiten). - 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 (siehe Abschnitt 3.7: Formatierung der Inhalte ).
