Es sieht so aus wie bei Malcolm Beck´s Screenshot. Danke für's hochladen :-)
Noch zu ergänzen ist, dass der rote und der grüne Bereich gleich hoch seien sollen und der orange und der grüne Bereich dynamisch in die Breite gehen sollen.
Und bei meinem Ansatz geht der Content ÜBER das Browserfenster hinaus bei width=100% - auch bei width=90% ... da funktioniert es bei einer bestimmten Browserbreite, macht man diesen aber kleiner, so verschiebt es sich nach rechts außen und ein horizontaler Scrollbalken ensteht (wenn overflow deaktiviert ist), auch wenn die Box durch ihren Inhalt kleiner sein könnte.
Sprich, der Code ist einfach falsch für dieses Vorhaben... und ich suche einen Besseren da ich ratlos bin imho :/