sunny: "Unmögliches Layout"?

Beitrag lesen

Hallo zusammen!

Ich beiße mir hier an einem Layout regelrecht die Zähne aus - ich schaff es nicht, das CSS dafür hinzubekommen und langsam gehen mir echt die Ideen aus wie ich es noch versuchen könnte.

Schematische Darstellung der Layout-Vorlage:

Layout

Der Inhaltsbereich hat eine fixe Breite und soll sich automatisch zentrieren. Soweit kein Problem.

Aber: links und rechts davon sollen auch noch Hintergrundbilder angeordnet werden. Aber so, dass sie sich an den Inhaltsbereich "anschmiegen". Also das Bild im linken oberen Eck soll genau am linken Rand des Inhaltsbereichs kleben. Der obere Abstand ist fix. Es sollte deswegen ein Hintergrundbild sein, weil es bei kleineren Bildschirmauflösungen die Zentrierung des Inhaltsbereiches nicht beeinflussen darf, dann soll einfach nur der Inhalt zu sehen sein, die seitlichen Bilder verschwinden dann eben einfach (oder werden abgeschnitten).

Und nochmals ein Aber, noch schlimmer: Es gibt auch noch einen Footer. Dieser befindet sich immer unterhalb des Inhaltes (orientiert sich also vertikal gesehen nicht an der Viewportgröße sondern nur am Text in Inhaltsbereich). Aber er hat ebenfalls wieder solche "Ausläufer" - also Hintergrundbilder links und rechts, die auch noch ganz genau "dranpassen" müssen (und auch bis ganz genau ans Ende der Seite reichen müssen). Und das, obwohl die Contenthöhe ja je nach Seite variabel ist.

Ich hoffe, ihr versteht überhaupt wie es gemeint ist, anhand des Bildes versteht man es hoffentlich halbwegs.

Habe versucht mit Prozentwerten herumzuspielen oder irgendwie vom Inhaltsbereich heraus mit negativen Zahlen die Positionierung der Hintergrundbilder genau auszurechnen, aber es klappt alles nicht.
Ich dachte immer, mit CSS kann man "alles" machen, aber schön langsam bekomme ich meine Zweifel daran. Kann mir irgendjemand helfen? Ich bekomme nichtmal das links oben hin, geschweige denn von diesem Footer ...

Liebe Grüße
sunny