Div unten positioniert und oben

[Fabricio]

Hi,

um ein neuen Design zu bauen, brauche ich ein paar Info bzw. CSS Hilfe.

Stand bis jetzt:
Container, wo alle Contents(Inhalte) sich befinden, ist zentriert.
Links und rechts wird die background-image angezeigt.

Aber jetzt anders.
Ich will links und rechts vom Container weitere DIVs einbauen, die:

div.rechts ca. 100px als feste Breite
innerhalb diesem Div sollen 2 weitere folge, der eine soll sich unten positionieren und der andere oben.

div.links soll nach rechts flexibel bleiben, so dass bei höhere Auflösung es mit den Hintergrund gefüllt wird. Aber auch hier ein DIV oben positioniert und unten.

Warum das, oder was ist die Idee dahinter?!:
Mein Hintergrund soll eine Rasen-Weise sein. Aber je nach Inhalt des Containers soll der Rasen unten nah zu empfinden sein oder oben ganz weit.

divs OBEN sollen links und und rechts des Containers eine weite Wiese darstellen, und deshalb ein Hintergrundsverlauf

divs UNTEN sollen links und rechts eine Wiese die ganz nah ist darstellen.

Wie kann ich sowas bauen?

Grüße - ehrenamtliches Projekt
Fabricio

[suit]

hör mal auf mit deinen vorstellungen von div oben und links und rechts und mach ein bild von deinem design ;)

dieses fixe im kopf haben von "wo ein div sein wird" ist nicht produktiv und führt meistens zu div suppe