Stück für Stück bin ich dabei meine Webseiten weg vom alten Tabellen orientierten hin zu reinen CSS Lösungen zu entwickeln. Immer wieder trifft man dabei aber auch auf ungewohnte Schwierigkeiten.
Ich wollte einen Text und ein Bild nebeneinander setzten, so dass das Bild links und der Text rechts steht. Soweit alles kein Problem, nun sollte aber der Text eine graue Hintergrundfarbe haben, die logischerweise den gesamten Bereich ausfüllt. Da mein Text aber u.U. länger ist als das Bild hoch ist, u.U. aber auch umgekehrt suchte ich nach einer Lösung die das entsprechende DIV auf eine Höhe von 100% bringt.
Letztendlich vergeblich, für das Problem scheint es nur zwei Lösungen zu geben, die aus meiner Sicht beide Workarounds sind:
Letztendlich vergeblich, für das Problem scheint es nur zwei Lösungen zu geben, die aus meiner Sicht beide Workarounds sind:
- Man fügt eine Hintegrundgrafik mit verschiedenefarbigen Bereichen in das gesamte Element ein, und erhält dann Pseudospalten wie man es hier sehen kann.
- Man kann sagen welche der beiden "Spalten" garantiert eine ausreichende Länge hat, und kann dann mit einer verschachtelten Lösung wie sie hier beschrieben ist leben.
