DeutschDeutschEnglishEnglish | Impressum | Login
Yet Another Multicolumn Layout | Ein (X)HTML/CSS Framework

Changelog 3.x

Änderungen in Version 3.2.1 [10.01.10]

YAML Core

Improvements

 

  • yaml-focusfix.js - The JS file webkit-focusfix.js (introduced in v3.2) was renamed due to the extended support for more browsers
  • yaml-focusfix.js - no more pollution of global namespace
  • yaml-focusfix.js - added IE8 support and fallback solution for older webkit browsers
  • iehacks.css - simplified Clearfix adjustments for IE 5.x - 7.0

General

Improvements
  • content_default.css - better contrast on a:focus {} (keyboard acessibility)
  • yaml/navigation: all navigation stylesheets  - adjusted :focus() styles to avoid overruling
  • forms.css - improved robustness for "columnar" and "full" form layout (avoiding float drops)
Bugfixes
  • forms.css - included fix for IE7 auto-padding bug when using buttons

Examples

Improvements
  • equal_height_boxes.html - better accessibility for complex example (hidden more links within content boxes)
Bugfixes
  • flexible_grids2.html - added new skiplink styling to its basemod_grids2.css
  • equal_height_boxes.html - added new skiplink styling to its basemod_equal_heights.css

Änderungen in Version 3.2 [27.10.09]

YAML-Core

New
  • base.css - merged base.css and print_base.css (smaller filesize)
  • base.css - New subtemplate-set (20%, 40%, 60% and 80%), equalized mode is available
  • base.css - new skip link solution, that allows overlaying
  • js/webkit-focusfix.js -JavaScript based fix for focus problems in Webkit-browsers (Safari, Google Chrome)
Improvements
  • base.css - Split up media types to "all", "screen, projection" and "print", helps to avoid several problems in print layout.
  • base.css - using child selectors for equalize-definition saved about 400 bytes of code
  • base.css - moved visual print settings (fontsize & hidden containers) to print-stylesheets
  • iehacks.css - improved code for robustness of all major layout elements
  • slightly better optimized slim-versions of core-files
Bugfixes
  • base.css - removed <dfn> from the hidden elements again
  • iehacks.css - fixed a bug that made subtemplates invisible in IE 5.01
  • slim_iehacks.css - Clearfix hack was broken in IE7
Dropped Features
  • base.css - removed code to force vertical scrollbars in FF, Safari & Opera (replaced by CSS3 solution in user files) 
  • iehacks.css - removed compatibility code for #page_margins and #page IDs.  
  • iehacks.css - Column Backgrounds with #col3 border-styling isn't available anymore, due to accessibility and maintenance issues in IE

General

New
  • forms.css - added .full class as an option to get full width for <input>, <select> and <textarea> elements in small columns or within subtemplates.
  • content_default.css - added styles for <big>, <small>, <dfn> and <tt>
Improvements
  • forms.css - .yform class can be added to any element. It's not bundled with <form> element anymore.
  • forms.css - ajdusted fieldset- & div-paddings to avoid clipping of element outlines and dropshadows in Safari.
  • forms.css - cleaner and easier fix for fieldset/legend problem in all IE's (including IE8).
  • forms.css - Formatting for "reset" and "submit" buttons changed from IDs to classes to allow multiple forms on a webpage. Styling available via input[type=reset] or input.reset to older support IE versions (IE5.x & IE6).
  • content_default.css - added a fix to <sub>, <sub> to prevent the visual increase of line-height.
  • nav_slidingdoor.css - Removed predefined indent margin of 50px. Indention has to be set by the user in basemod.css
  • nav_shinybuttons.css - Removed predefined indent padding of 50px. Indention has to be set by the user in basemod.css
  • tools/dreamweaver_7/base.css - updated to recent codebase.
  • updated jQuery library to version 1.3.2
Bugfixes
  • forms.css - corrected issue in Firefox 1.x & 2.x where form labels weren't shown correctly in columnar display (FF-Bug)
  • forms.css - no more jumping checkboxes & radiobuttons in IE8 and Opera
  • basemod_draft.css - changed predefined selectors #page_margins and #page into .page_margins and .page
  • content_default.css - nested lists (ol,ul) will be displayed correctly now.
  • markup_draft.html - moved charset metatag in front of title element to allow UTF-8 there
Dropped Features
  • debug.css - removed debug-stylesheet from yaml/ folder. This feature is replaced by YAML's new Debug Application

Add-ons

New
  • Accessible-Tabs plugin for jQuery
  • SyncHeight plugin for jQuery
Improvements
  • Microformats - added missing icons: xfn-child.png, xfn-parent.png, xfn-small.png and xfn-spouse.png
  • RTL-Support - [iehacks-rtl.css] added an option to force the vertical scrollbar to the right side in Internet Explorer (disabled by default)

Examples

New
  • All examples - added WAI-ARIA landmark roles for accessibility improvement
  • All examples - added optional CSS3-based code to force vertical scrollbars (overflow-y)
  • multicolumnar_forms.html - demonstrates two easy ways to create flexible multicolumnar forms
  • accessible_tabs.html - example for the usage of the Accessible-Tabs and the SyncHeight add-on
  • 3col_liquid_faux_columns.html - demonstrates "Liquid Faux Columns" technique
Improvements
  • 3col_gfxborder.html - changed ID's to classes to allow multiple usage
  • building_forms.html - JavaScript Detection added
  • equal_height_boxes.html - added a second usage example (simple)
  • dynamic_layout_switching.html - added JavaScript detection code and option to "show all columns"
Removed
  • 3col_column_backgrounds.html - this feature isn't supported anymore due to accessibility issues
Bugfixes
  • 2col_right_13.html - corrected fix for 3-pixel-bug in IE-patch file
  • dynamic_layout_switching.html - corrected fix for 3-pixel-bug in IE-patch file
  • equal_height_boxes.html - still used #page_margins and #page ID's.
  • index.html - link to last example corrected
  • several CSS files were still not saved in UTF-8
  • UTF-8 BOM signature removed from some files in examples/04_layout_styling/

Änderungen in Version 3.1 [20.01.09]

Neue Funktionen & Erweiterungen

  • Formularbaukasten
    YAML liefert ab sofort einen vollständigen Baukasten, bestehend aus HTML- und CSS-Bausteinen, zur Erstellung von Formularen. Weitere Informationen, siehe Abschnitt 3.10.
  • Unterstützung für gleichhohe Content-Boxen integriert
    Auf Basis der YAML-Subtemplates können per CSS gleichhohe Boxen erstellt werden, deren Gesamthöhe sich nach dem Container mit dem meisten Inhalt richtet. Weitere Informationen, siehe Abschnitt 4.5.
  • Bessere Standardvorlage zur Gestaltung der Inhalte
    Die content_default.css wurde vollständig überarbeitet und erweitert und beinhaltet jetzt einen weitgehend vollständigen Satz an Formatvorlagen zur Gestaltung von Texten, Tabellen und Bildern.
  • Add-on: Unterstützung für Microformate
    Das Add-on umfasst die visuelle Hervorhebung der wichtigsten Microformate, siehe Abschnitt 5.4.
  • Add-on: Unterstützung für RTL-Sprachen
    Das Add-on liefert eine umfassende Unterstützung für die Arbeit mit RTL-Sprachen (Hebräisch & arabische Sprachen). Es beinhaltet die erforderlichen Anpassungen der Core-Dateien und Navigationsbausteine, siehe Abschnitt 5.4.
  • Mitgelieferte Layoutbeispiele
    Der Bereich der mitgelieferten Layoutbeispiele wurde vollständig überarbeitet und erweitert. Insgesamt 7 neue Beispiellayouts demonstrieren die Anwendung der neuen Funktionen.
  • Download-Paket & Simple Project
    In beiden Paketen wird ab sofort im Ordner js/lib/ die JavaScript-Bibliothek jQuery in der Version 1.3 mitgeliefert.

Änderungen und Korrekturen

(X)HTML Markup
  • ID's #page_margins und #page werden zu CSS-Klassen
    Diese Änderung ermöglicht die Mehrfachverwendung der CSS-Klassen .page_margins und .page innerhalb einer Webseite und erweitert somit die Gestaltungsmöglichkeiten. Die Änderung hat keine Auswirkungen auf bestehende YAML-Layouts und die Updatemöglichkeiten. Die notwendigen IE-Anpassungen für die ID's sind weiterhin enthalten.
  • Vereinheitlichung der Navigationsbausteine
    Das Markup der mitgelieferten Navigationsbausteine wurde vereinheitlicht. Alle IDs wurden in CSS-Klassen umgewandelt und eine einheitliche Benennung der Klassen eingeführt.
Core-Files [base.css]
  • Erweiterung des Reset-Blocks
    Das Blockquote und das Quote-Element wurden in den Reset-Block aufgenommen. Eventuell vom Browser vordefinierte Anführungszeichen werden entfernt zu Gunsten einer einheitlichen Darstellung.
  • Bugfix für unschönes Rendering von Select-Elementen im Firefox
    Im Reset-Block wurde für select-Elemente ein 1px Padding ergänzt.
  • Generische Layoutklassen entfernt
    Diese CSS-Klassen .hidecol1, .hidecol2 und .hideboth sind generell layoutspezifisch anzupassen und gehören daher in das Nutzer-CSS. Das neue Layoutbeispiel "dynamic_layout_switching" demonstriert die Anwendung.
  • Überarbeitung der Klassen für versteckte Inhalte
    Bei den Klassen .skip, .hideme, .print wurden die Eigenschaften für Breite und Höhe entfernt, um die Wiederherstellung der Sichtbarkeit versteckter Elemente zu erleichtern. Das DFN-Element wurde zu den versteckten Elementen aufgenommen.
Core-Files [iehacks.css]
  • [fix] Überarbeitung der z-Index-Vorgaben für Content-Spalten
    Im Internet Explorer 6 wird damit das Markieren von Inhalten der Spalte #col3 in allen Spaltenanordnungen wieder möglich.
Core-Files [print_base.css] 
  • Vorgabe der Schriftenfamilie entfernt
    Die Vorgabe der Schrift "Times New Roman" für die Druckausgabe wurde entfernt. Die Druckausgabe erfolgt somit mit den gewählten Schriftstilen des Screenlayouts. Die Umstellung auf die Maßeinheit pt (Point) bleibt erhalten, die Standardgröße wird auf 10pt gesetzt.
  • Auszeichnung von Abkürzungen und Link-URLs
    Die CSS-Regeln zur sichtbaren Auszeichnung von Abkürzungen und Link-URLs wurde als zuschaltbare Option in die Druckstylesheets (print_xyz_draft.css) verschoben.
  • Einführung der CSS-Klasse .noprint
    Dynamische Inhaltselemente oder per CSS schwer zu selektierende Contentbereiche, können durch Zuweisung der Klasse .noprint von der Druckausgabe ausgeschlossen werden.
Navigation [shiny_buttons.css]
  • [fix] Kollabierender Randabstand
    Das Zusammenfallen des linken Randabstandes der Navigation im Internet Explorer 5.x und 6.0 wurde beseitigt.
Grafikdateien
  • Optimierung der Dateigrößen
    Alle mitgelieferten Grafikdateien des YAML-Ordners und der Layoutbeispiele wurden hinsichtlich der Dateigröße optimiert und zum überwiegenden Teil ins PNG-Format umgewandelt.
  • Mitgelieferte Photoshop-Vorlagen
    Zur besseren Übersicht werden alle Photoshop-Vorlagen (z.B. gfxborder-Grafiken) jetzt in dem zentralen Ordner examples/photoshop-files/ verwaltet.

Änderungen in Version 3.0.6 [09.06.08]

Änderungen und Korrekturen

Core-Files
  • [fix] Fehlende .print Definition ergänzt
    Elemente mit der Klasse .print wurden im Ducklayout nicht sichtbar. Dieser Fehler wurde behoben.
  • [fix] Opera & Attributselektoren
    Opera 9.27 hat aufgrund eines Bugs ein Problem mit der optimierten Variante der Attributselektoren in der slim_print_base.css. Der Bug macht sich durch Rendering-Probleme im Screenlayout bemerkbar, obwohl die Print-Definitionen mit @media print gekapselt sind. Das Problem wurde beseitigt.
  • [neu] Verbessertes Debug-Stylesheet
    Das Debug-Stylesheet hilft nun bei der Visualisierung der Seitenstruktur, Subtemplates und verschiedenen Textauszeichnungen.

Änderungen in Version 3.0.5 [24.05.08]

Änderungen und Korrekturen

  • Aktualisierung der Lizenzbedingungen
    Für die kostenfreie Nutzung unter der Creative Commons Lizenz (CC-A 2.0) ist keine Namensnennung mehr erforderlich. Der Backlink zur YAML-Homepage ist ausreichend. Die Lizenztexte der kommerziellen Lizenzen (YAML-C) wurden überarbeitet und hinsichtlich der Wiederveröffentlichung präzisiert.
  • Allgemeine Aufräumarbeiten
    Die CSS-Schreibweise (Leerzeichen und Semikolon) innerhalb der Dateien des Frameworks wurde weitgehend vereinheitlicht.
  • Schlankere Slim-Varianten
    Die Core-Dateien wurden leicht optimiert, wodurch die zugehörigen Slim-Varianten in den Dateigrößen etwas schlanker ausfallen.
  • @media Regel für Screenlayouts angepasst
    Die basemod- und IE-Patch-Dateien sind für das Screenlayout zuständig. Die @media-Regeln innerhalb dieser Dateien wurden vereinheitlicht und auf die Ausgabemedien screen und projection beschränkt. Damit hat das Screenlayout keinen Einfluss mehr auf das Drucklayout.
Core-Files [base.css]
  • Positionierung von #topnav
    Der Container #topnav wird nur dann absolut positioniert, wenn er sich innerhalb von #header befindet. Andernfalls wird er automatisch zu einem statischen Container mit rechtsbündiger Textausrichtung.
  • Subtemplates
    Die CSS-Klasse .subcolumns_oldgecko erhält kein overflow:hidden mehr. Das Einschließen der Child-Elemente erfolgt ausschließlich durch float:left.
  • z-index
    Der Bugfix für den IE-Clearing-Bug wurde vereinfacht, wodurch keine explizite Zuweisung des z-index für die Content-Spalten mehr erforderlich. Damit sollten auch einige Anpassungsprobleme mit z.B. Dropdown-Menüs verschwinden.
Core-Files [iehacks.css]
  • Bugfix IE-Clearing mit negativem z-index (IE 5.x)
    Der IE-Clearing-Bug lässt sich im IE5.5 nicht vollständig beheben. Der Workaround, um ein Überdecken der Inhalte zu verhindern, wurde mittels eines negativen z-index für #col3 vereinfacht (Vorteil: siehe Änderungen in der base.css).
Layoutbeispiele [Ordner /examples/]
  • Neues "Special Interest" Beispiel: "3col_fullheight"
    Bei diesem Beispiel wird die Gesamthöhe des Layouts unabhängig von den Inhalten immer mindestens bis zur Unterkante des Viewports erweitert. Das Beispiel ist bewusst als "special interest" gekennzeichnet und richtet sich an erfahrene Nutzer.
  • Verbesserte JS-Expression für min-/max-width im IE 5.5 und IE6
    Die JavaScript-Expression zur Simulation minimaler und maximaler Breiten im IE5.5 und IE6 wurde überabeitet. Die Expression arbeitet jetzt auch im Quirksmodus fehlerfrei und die Berechnung EM-basierter Grenzwerte erfolgt jetzt korrekt auf Grundlage der Schriftgröße des  Elternelements.
  • Überabeitung des Screenlayouts
    Das grundlegende Screenlayout der Beispiele (basemod.css) wurde inhaltlich an die Ausgabe des YAML-Builders und des Simple Projects angeglichen.

Änderungen in Version 3.0.4 [27.11.07]

Änderungen und Korrekturen

Core-Files [base.css]
  • Bessere Lösung für das Erzwingen vertikaler Scrollbalken im Firefox
    Die neue Lösung arbeitet mit html { height: 100%; margin-bottom: 1px; } und erzeugt lediglich einen 1 Pixel hohen Überstand, wodurch der Scrollbalken weniger störend wirkt.
  • Änderungen im Reset-CSS Block
    Das Element cite wurde aus dem Block entfernt. Für blockquote werden die Eigenschaften font-size und width nicht mehr vorgegeben. Diese Eigenschaften können vom Nutzer über die content.css definiert werden.
  • Container #header
    Der Container #header erhält die Eigenschaft clear:both. Dadurch wird das Vertauschen von #header und #nav im Quelltext möglich, ohne dass floatende Navigationselemente Darstellung beeinflussen.
  • Generische Klassen zur Layoutumschaltung
    Die Benennung der Klassen .hideleft und .hideright entsprach keiner sinnvollen Semantik, da die Spaltencontainer im Layout grundsätzlich frei platzierbar sind. Sie wurden daher umbenannt in .hidecol1 und .hidecol2, was eine eindeutige Zuordnung erlaubt. Die Klasse .hidenone ist obsolete und wurde entfernt.
Core-Files [iehacks.css]
  • Verbesserung der Robustheit
    Stabilitätserhöhung für flexible Spaltenbreiten im IE5.x + IE6 durch #main {position:relative} bei Verwendung der JS-Expressions. Fehlpositionierungen der Spaltencontainer bei der Skalierung der Layoutbreite werden vermieden.
  • Bugfix für List-Numbering-Bug ergänzt
    Betrifft IE-Versionen 5.01 - 7.0: Wird bei Listenelementen von geordneten Listen das Merkmal hasLayout aktiviert, so erfolgt eine fehlerhafte Nummerierung der Elemente.
Screenlayout Vorlage [content_default.css]
  • Fix für Gecko-Probleme beim Reset von monospaced Schriften ergänzt
    Elemente mit monospaced Schriften (textarea, tt, pre, code) erhalten in Gecko-Browsern beim Reset der Schriftgrößen einen Standardwert von 13px statt 16px. Ein entsprechender Bugfix wurde ergänzt.
Layoutbeispiele [Ordner /examples/]
  • [3col_2-1-3]
    Verbesserter CSS-Aufbau ohne 3-Pixel-Bug,
    eingebundenes Print-Stylesheet zu print_100_draft.css korrigiert.
  • [3col_3-1-2]
    Verbesserter CSS-Aufbau ohne 3-Pixel-Bug,
    eingebundenes Print-Stylesheet zu print_100_draft.css korrigiert.
  • [3col_fixed_seo]
    Bugfix für min-width Verhalten des Safari 3 eingebaut,
    verbesserter CSS-Aufbau ohne 3-Pixel-Bug
  • [3col_gfxborder]
    Bezeichnungen der Eckgrafiken und -container vereinheitlicht
  • Namensraum-Kennung im <html> Element der Beispiele ergänzt
  • Beispiele für 3-Spalten-Layouts (03_3col_layouts)
    Seitliche Paddings der Content-Container entsprechend der Position der Spalten im Layout angepasst.

Änderungen in Version 3.0.3 [18.08.07]

Änderungen und Korrekturen

Core-Files
  • [iehacks.css] Bugfix für input-Elemente im IE6
    Der in V3.0 implementierte Bugfix für den Italics-Bug hatte den Nebeneffekt, Input-Elemente  im IE6 willkürlich zu verlängern. Dieser Fehler ist nun korrigiert und die slim_iehacks.css wurde angepasst.

Änderungen in Version 3.0.2 [02.08.07]

Download-Paket & Dokumentation

  • [Doku en/de] URL’s einiger Links innerhalb der Dokumentation korrigiert.
  • [Doku de] Fehler in der Gliederung korrigiert, fehlender Abschnitt 5.3 ergänzt
  • [Doku de] Abschnitt 1.4: "Weitere Links" ergänzt
  • [CSSDoc-Kommentare] Einrückungen innerhalb der Quelltexte korrigiert

Änderungen und Korrekturen

Core-Files
  • [base.css] Fix für fehlenden Scrollbalken in Opera 9.x
    Die negativen Abstände der Klassen .skip, .hideme und .print wurden auf -1000em verkleinert, sodass der Bug nicht mehr auftritt.
  • [iehacks.css] Bugfixes medienabhängig geregelt
    Die Bugfixes für den  Doubled Float Margin Bug und das Expanding Box Problem werden über @media screen auf die Ausgabe am Bildschirm beschränkt.
  • [iehacks.css] Bugfix für einzeilige textarea Elemente im IE6
    Der in V3.0 implementierte Bugfix für den Italics-Bug hatte den Nebeneffekt, textarea Elemente im IE6 auf eine Zeile zu reduzieren. Dieser Fehler ist nun korrigiert.
  • [print_base.css] Drucklayout im IE6 & Linearisierung der Subtemplates
    Subtemplates werden in der Druckausgabe nun per default linearisiert. Robustheit der Drucklayouts für IE6 verbessert.
Navigationselemente
  • Anpassung der Hintergrundfarben der Listenelemente bei nav_slidingdoor.css und nav_shinybuttons.css.
Sonstiges
  • Kleinere Schönheitskorrekturen in den Layoutbeispielen (Seitentitel vereinheitlicht)

 

Änderungen in Version 3.0.1 [16.07.07]

Änderungen und Korrekturen

Core-Files
  • [gefixt] Rundungsfehler in Subtemplates
    In v3.0 hatte sich eine fehlerhafte Breite bei den 33- und 66% Containern der Subtemplates eingeschlichen.

Änderungen in Version 3.0 [09.07.07]

Download-Paket & Dokumentation

  • Zweisprachige Dokumentation
    Die umfassende Dokumentation sowie alle Kommentare in den CSS-Dateien des Frameworks stehen in deutscher und englischer Sprache zur Verfügung.
  • Umfassende Neustrukturierung des Download-Pakets
    Im Download-Paket gibt es nun eine klare Trennung zwischen dem eigentlichen Framework, der Dokumentation sowie Layoutbeispielen und weiteren Tools. Gleichzeitig erfolgte eine Überarbeitung der Struktur des Frameworks.
  • Optimierte Stylesheets für den produktiven Einsatz
    Von den Grundbausteinen (Core-Files) des Frameworks werden jeweils optimierte Versionen für den produktiven Einsatz mitgeliefert.
  • Umstellung aller Dateien auf Zeichenkodierung "UTF-8"
    Alle Dateien des Frameworks wurden auf die UTF-8 Zeichenkodierung umgestellt. Im Zuge der Einführung mehrsprachiger Kommentare in die Dateien des Frameworks war dieser Schritt sowohl logisch als auch unumgänglich.
  • CSS-Kommentare nach CSSDOC-Standard
    Der CSSDOC-Standard bietet eine für Menschen gut lesbare und für Maschinen auswertbare Formulierung von Kommentaren innerhalb von CSS-Dateien.
  • Bessere Unterstützung von Dreamweaver 7 und 8
    Für den Dreamweaver 7 (MX 2004) liegt ab sofort ein alternatives Basis-Stylesheet bei, welches eine weitgehend fehlerfreie Darstellung YAML-basierter Layouts in der Entwurfsansicht ermöglicht. Sowohl für für die Version 7 als auch für die Version 8 liegt eine lies_mich.txt bei, die alle erforderlichen Anpassungen zur Arbeit mit YAML erläutert.
  • Zahlreiche neue Beispiellayouts
    Die Anzahl der mitgelieferten Beispiellayouts wurde deutlich erhöht. Alle Layoutbeispiele basieren auf einem neuen ansprechenden Design.

Änderungen und Korrekturen

Markup
  • [geändert] Vereinfachung des (X)HTML-Quelltextes
    Die Klasse .hold_floats muss im Basislayout nicht mehr explizit an #page vergeben werden. Der Bugfix wird standardmäßig über die Datei iehacks.css aktiviert.
Core-Files
  • [neu] Optimierte Stylesheets für den produktiven Einsatz
    Die Stylesheets im core/ Ordner des YAML-Frameworks gibt es in einer optimierten Variante (geringe Dateigröße). Diese Dateiversionen sind kommentarfrei und folgen einem Kompromiss aus Lesbarkeit und geringstmöglicher Dateigröße. Im produktiven Einsatz spart der Einsatz dieser Dateiversionen wertvolle Bandbreite.
  • [neu] Alternatives Spaltenkonzept auf Klassenbasis
    Vier generische CSS-Klassen erlauben eine noch einfachere Auswahl der darzustellenden Spalten des Basis-Layouts.
  • [neu] Generische CSS-Klassen für versteckte Inhalte
    Mit den CSS-Klassen .hideme und .print stehen ab sofort zwei Optionen zur Verfügung, um Inhalte barrierefrei innerhalb des Screenlayouts zu verstecken und gleichzeitig für Screenreader und Textbrowser sichtbar zu halten. Die Klassen sind in der base.css definiert und stehen damit immer zur Verfügung.
  • [neu] Handhabung übergroßer Elemente im IE
    Mithilfe der CSS-Klasse .slidebox, definiert in der iehacks.css, ist es ab sofort auch im IE5.x und 6.0 möglich, dass übergroße Elemente einfach über benachbarte Layoutbereiche hinweggleiten, ohne das Seitenlayout zu zerstören.
  • [neu] Neuer Bugfix für Italics-Bug des Internet Explorers
    Ein neuer universeller Bugfix in der base.css löst das Problem mit Italics-Schriften im IE 5.x und 6.0 umfassend. Bisher musste diesem Bug weitgehend inhaltsbezogen nachgegangen werden.
  • [neu] IE7 Bugfix für die Druckausgabe
    Der IE7 hat Probleme beim Ausdruck des Containers #col3 aufgrund der fehlenden Eigenschaft 'hasLayout' und erzwingt dadurch Seitenumbrüche. In die Datei iehacks.css wurde ein passender Bugfix aufgenommen.
  • [neu] Bugfix für Firefox 2 overflow:hidden Bug bei Druckausgabe
    Der Firefox hat in Version 2.x Probleme im Umgang mit der Eigenschaft overflow:hidden bei der Druckausgabe. Für die generische Klasse .floatbox wurde ein passender Bugfix in die Datei print_base.css aufgenommen.
  • [geändert] Min-/max-width Unterstützung für IE 5.x und IE6
    Die Scriptlösung über JS-Expressions wurde überarbeitet, sodass der IE ab sofort nicht mehr in den Quirks Mode versetzt werden muss und zudem mit EM-basierten Werte gearbeitet werden kann.
  • [geändert] Subtemplates
    Das CSS der Block- und Content-Container wurde vereinfacht. Der Einschluss der Inhalte erfolgt über die float-Eigenschaft der Block-Container. Dadurch werden übergroße Inhalte nicht mehr abgeschnitten. Des Weiteren wurde der Ausgleich von Rundungsfehlern überarbeitet, sodass .subcolumns kein übergroßer Container (> 100%) mehr ist. Die alternative Klasse .subcolumns_oldgecko ermöglicht die Unterstützung alter Gecko-Browser (z.B. Netscape < Version 7.2).
  • [geändert] Skip-Link-Navigation
    Die Skip-Links werden ab sofort bei Aktivierung über die Tabnavigation im Browser sichtbar. Dieses Verhalten wird in Bezug auf Barrierefreiheit des Layouts gefordert.
  • [geändert] Überarbeitete Print-Stylesheets
    Alle layoutunabhängigen Anpassungen für den Druck wurden in den eigenständigen CSS-Baustein print_base.css ausgelagert, der über die Print-Stylesheets geladen wird. Damit verbessert sich die Übersicht und individuelle Anpassungen werden erleichtert.
  • [geändert] Hovereffekte für Links im IE7
    Hover-Effekte werden ab sofort im IE7 nicht mehr pauschal über die iehacks.css blockiert.
  • [entfernt] Altes IE-Clearing (bis V2.4) wird nicht mehr unterstützt
    Die CSS-Deklarationen für die alte CSS-Klasse clear_columns wurden aus der base.css entfernt.
  • [entfernt] Hacks für IE-Mac aus dem Projekt entfernt
    Der IE/Mac erhält aufgrund der Verwendung von Conditional Comments und der @media-Regel generell weder normale Stilanweisungen noch die IE-Anpassungen. Die betreffenden Mac-Hacks (spezielle Kommentare) in der iehacks.css waren daher eher verwirrend und wurden entfernt. YAML unterstützt diesen veralteten Browser nach wie vor nur, indem die Inhalte ohne jegliche CSS-Formatierungen dargestellt werden.
Navigationselemente
  • [neu] Navigationselemente allgemein
    Alle mitgelieferten Navigationslisten unterstützen ab sofort die Tabnavigation korrekt, einschließlich der Hervorhebung des aktuell anvisierten Menüpunktes.
  • [neu] Navigationselemente allgemein
    Der aktive Menüpunkt aller Navigationselemente kann neben der bisherigen Vorgehensweise über die ID #current alternativ auch mittels strong gesetzt werden.
  • [neu] Erweiterung der vlist-Navigation
    Die vlist-Navigation verfügt nun über 4 statt den bisherigen 2 Gliederungsebenen.
  • [entfernt] Die Navigation "Sliding Door I" wurde entfernt
    Die Version "Sliding Door II" ist weiterhin vorhanden und wurde in nav_sliding_door.css umbenannt.
Content-Gestaltung
  • [neu] Neuer CSS-Baustein content_default.css
    Die Datei content_default.css befindet sich im Verzeichnis yaml/screen/ und stellt Basisformatierungen für alle gebräuchlichen Inhaltselemente bereit und kann optional eingebunden werden.
  • [neu] Generische CSS-Klassen für Content-Gestaltung
    Ab sofort stehen über den Baustein content_default.css die drei CSS-Klassen .note, .important, .warning zur Hervorhebung von Inhalten bereit.
Sonstiges
  • [neu] Debug-Stylesheet
    Ein neues optionales Stylesheet debug.css erleichtert das Debugging des Layouts (siehe Abschnitt 4.8: Entwurf und Fehlersuche).  Vordefinierte CSS-Klassen zur Darstellung von Pixelrastern, Transparenzen oder Hintergrundfarben ermöglichen eine einfache Hervorhebung/Kontrolle von Layoutelementen. Weiterhin warnt das Stylesheet automatisch den Nutzer, falls das Core-Stylesheet iehacks.css nicht korrekt eingebunden ist.