✔ Spalten auf gleiche Höhe bringen - wie?

[Enumerator]

Moin!

Ich habe ein grundlegendes Problem, wenn ich einen Bereich in zwei Spalten aufteilen möchte: Ich schaffe es einfach nicht, dass beide immer die gleiche Höhe haben, ohne dass die Höhe auf einen fixen Wert gesetzt wird.

Beispielsweise soll die linke Spalte einen blauen Hintergrund haben - aber nur drei Wörter enthalten, während die rechte jede Menge Text enthält. Wie schaffe ich es, dass die linke genau so hoch ist wie die rechte?

In einer Tabelle wäre das ja kein Thema. Leider kann ich nicht einmal "display: table" etc. verwenden, da diese Eigenschaften ja erst mit CSS 2.0 eingeführt wurden...

Hat jemand eine Idee?

Gruß
Enum

 

[Maik]

Hi,

hier sind zwei mögliche Lösungswege für dein Vorhaben:

• http://www.alistapart.com/articles/fauxcolumns/
• http://www.cssplay.co.uk/layouts/3cols.html (ist auch auf zwei Spalten anwendbar)

 

[Enumerator]

Danke!

Für alle, die ein ähnliches Problem haben, empfehle ich den zweiten Link. Die dort vorgestellte Variante ist flexibler und lässt sich ausserdem besser umsetzten - auch in Hinblick auf die Barrierefreiheit...

Gruß
Enum