anna: Faux Columns Problem, container gleicher Höhe.

Beitrag lesen

ich bin (wiedermal) der Verzweiflung nahe bei einem css problem.

Hier ein Schema, dass die Sache illustrieren soll: schema

A ist der Content Container der teilweise auch lange Texte beinhalten wird. B beinhaltet die Navi. Wie im Bild veranschaulicht soll der Container B über A liegen. Beide Container sind leicht transparent, haben schwarze border und liegen über einem großen Hintergrundbild.  Um Die "Illusion", dass B über A liegt, zu erreichen muss ich im CSS Layout einen dritten container (C) floaten lassen der für die "überlappung" zuständig ist.

Frage: Ist es irgendwie möglich C an die jeweilige Höhe von A anzupassen ohne

  1. die gängige faux columns methode mit einem hintergrundbild (ist nicht wirklich möglich weil das bild ja auf einer variablen höhe mit einem kleinen schwarzen border weitergehen müsste)

  2. ohne javascript?

  3. eine absolute positionierung übereinander fällt aufgrund der hintergrundtransparenz leider auch weg...

nach stundenlangem überlegen wollte ich mich erkundigen ob euch möglichkeiten zur lösung einfallen, ich kann nicht mehr.

eure
anna