Moin,
bitte entschuldige, dass ich nicht ausführlicher Antworte. Ich möchte Dir nur kurz 2 Links posten, die Dir wahrscheinlich weiterhelfen können:
http://www.ilovejackdaniels.com/css/faux-columns-for-liquid-layouts/
und
http://css.maxdesign.com.au/selectutorial/index.htm
Erstmal geht's vordergründig um Selektoren, aber sieh mal Beispiel 22 an, da wird dann das Endergebnis klar.
Das Problem mit der Höhe ist auch machbar. Am einfachsten ein min. 100% hohes Element mit den 3 faux colums als Hintergrund, anders als static positionert. Darin ein weiteres Element mit padding 100px, das den Inhalt trägt. Darüber mit absolut positioniert den 100px hohen header. Vielleicht geht das auch eleganter, aber auf die Schnelle wäre das meine erste Idee.
Das mit den obigen Ansätzen zu kombinieren sollte auch machbar sein.
viel Erfolg
Ulrich
Teiltransparente Bereiche
selfcode: sh:| br:> ie:% mo:) va:) de:] zu:) fl:( ss:| ls:[
um-fritz.de