http://danielkeppler.com

mein Blog über Guatemala und SEO

Companion Column Methode – Spaltenhöhe angleichen

Jeder, der schonmal ein mehrpaltiges Html-Layout (tabellenlos) umgesetzt hat, wird die damit verbundenen Probleme kennen. Die Spalten können verschiedene Inhalte erhalten und somit variiert auch die Länge der einzelnen Spalten.

Ein besonderes Problem entsteht, wenn sich alle Spalten an der längsten Spalte orientieren sollen. Mit CSS 2.1 gibt es keine vernünftige Möglichkeit die Höhen der vorhandenen Spalten anzugleichen. Aus diesem Grund wird überwiegend die Faux Columns Methode eingesetzt, die mit Hilfe wiederholender Bilder eine gleichbleibende Spaltenhöhe aller Spalten simuliert. (siehe Abb.)

Ingo Chao hat eine weitere Methode (Companion Column Methode) zur Spaltenangleichung veröffentlicht, die im Moment noch als Experiment anzusehen ist.

Wer die Companion Column Methode testen möchte, findet unter http://www.satzansatz.de/cssd/companions.html eine Dokumentation dazu.

ähnliche Beiträge:

Wenn dir unser Beitrag gefallen hat, setze doch einen Link auf diesen Beitrag. Hier ein Code Beispiel:

<a href="http://danielkeppler.com/2010/companion-column-methode-spaltenhoehe-angleichen/">Companion Column Methode – Spaltenhöhe angleichen</a>

Leave a Reply