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

"Yet Another Multicolumn Layout" ist ein Framework zur Erstellung moderner und flexibler Layouts auf Grundlage von float-Umgebungen. Dabei stehen ein möglichst hohes Maß an Flexibilität und Zugänglichkeit im Vordergrund. Innerhalb eines Tutorials wird die Funktionsweise der einzelnen Bausteine erläutert.

Browserunterstützung

YAML unterstützt folgende Browser vollständig:

  • IE 5.01/Win
  • IE 5.5/Win
  • IE 6.0+/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 V1.x

Änderungen in Version 1.2 [05.12.05]

Die neue Version steht im Zeichen des Internet-Explorers. Es geht um zwei Rendering-Bugs des Internet Explorers, die bei der Entwicklung von YAML unentdeckt geblieben waren.

  • IE Flicker-Bug: Der von mir als 'Flicker'-Bug getaufte Fehler sorgte im Internet Explorer dafür, dass die mittlere Spalte bei bestimmten Fensterbreiten des Browsers plötzlich verschwand. Dieses Problem ist jetzt beseitigt. Ausführliche Erläuterungen dazu gibt es in den Erläuterungen zur CSS-Datei css/main/iehacks.css.
  • IE Bug: Einen zweiten Rendering-Bug des Internet Explorers, der weniger gravierend aber nicht weniger lästig ist, habe ich in den Abschnitt Bekannte Probleme aufgenommen. Zur Demonstration habe ich eine Testseite hinzugefügt. Für diesen Bug habe ich noch keinen wirksamen Hack gefunden. Lösungen sind also willkommen.
  • Spalten im Quelltext: Die Reihenfolge der Randspalten wurde im Quelltext getauscht, so dass jetzt die linke Spalte zuerst erscheint. Die Reihenfolge der beiden Spalten ist prinzipiell frei wählbar.
  • Variation 3: Enthält eine alternative Möglichkeit zur Zentrierung für fixe Layouts, die auch im Internet Explorer 5.x funktioniert.

Änderungen in Version 1.1 [25.11.05]

Neben vielen kleinen Verbesserungen in den Erläuterungen und einiger zusätzlicher Hinweise wurden folgende wichtige Punkte geändert:

  • Einheitliche Basis: base.css
    Die ehemalige Clearfix & Overflow-Variante des base-Stylesheets bildet ab sofort die alleinige Grundlage des Layouts. Die Version hat sich als robuster in Verbindung mit der Darstellung im Internet Explorer erwiesen.
  • Impressum-Link
    Es wurde eine Impressumsseite hinzugefügt. Der Link geht also nicht mehr ins Leere.
  • Browserkompatibilität
    Opera 6+ zeigt das Layout nun ebenfalls korrekt an. (Änderung CSS-Eigenschaften für Impressum-Link)
  • Variation 3 - Fixes Layout mit YAML
    #page_margins Container für die einfachere Erstellung von Layouts mit fixen Breiten hinzugefügt. Als Variation 3 werden die Anpassungen für ein fixes Layout demonstriert.
  • Menü
    Styles wurden angepasst, sodass die schwarze Trennlinie der Reiternavigation auch angezeigt wird, wenn kein Menupunkt aktiv geschalten ist (z.B. beim Impressum).
  • Erste Schritte
    Für die ersten eigenen Versuche mit YAML wurde dem Paket die Datei example.html hinzugefügt.