hi,

Das Wichtigste aber ist der graue Rahmen, den es noch nicht gibt! Ich habe keine Ahnung, wie ich den so positionieren kann, dass er auch bei sehr viel Content (lange Seite) ganz unten erscheint, aber noch vor Ende des Contents (also links davon und nicht unten!).

du könntest "rot" und "blau" nochmals zusammen in einen container packen, dessen höhe dann vom blauen bereich abhängen soll. diesen positionierst du relative, so dass du grau darin mit left:0; bottom:0; absolute positionieren kannst.

das geht aber dann in die hose, wenn blau nicht hoch genug sein sollte - dann überlagern sich rot und grau.
liesse sich evtl. verhindern, wenn grau eine feste höhe hat, und rot ein entsprechendes margin-bottom bekommt. je nach aufbau des ganzen mit float usw. muss man dann aber sehen, wie man den zusätzlichen container dazu bekommt, sich auch zu vergrößern, wenn blau zu kurz ist, als den margin-bottom von rot noch mit einzubeziehen.

gruß,
wahsaga