[itsygo]

Hallo,

hoffe der Thread-Titel verwirrt nicht zu sehr . Versuche gerade folgendes zu realisieren:




Leider gelingt es mir einfach nicht! Könnt ihr mir auf die sprünge helfen?


Vielen vielen dank für Hinweise )

Gruß
Itsy

[buchstabensuppe]

Ist der Content zentriert? Du möchtest also zwei Streifen, die auf den Content zulaufen und dort stoppen. Einen von oben links, den anderen von unten rechts?

// Edit: Ich nehme an, der Content soll auch flexibel in der Höhe sein?

[itsygo]

Oh Sorry vergessen zu erwähnen ja - du hast aber recht. Ja richtig - sollen bis zum Content laufen und dort stoppen - in die andere Richtung wiederum endlos wiederholen.

Der Content ist zentriert und in der höhe dynamisch.

[emorikaner]

Auf die schnelle nur so hinbekommen, getestet in Chrome + FF:
http://jsfiddle.net/hZzwH/3/
Allerdings sind mehrere BGs erst in CSS3 möglich, d.h. wird in IE nicht funktionieren.

Was besseres fällt mir imo allerdings nicht ein

[buchstabensuppe]

[tschuingum]

Servus,

ich würde es vermutlich mit überbreiten Hintergrundbilder lösen und diese mittig/oben bzw. mittig/unten im html-Tag bzw. body-Tag einbinden. Sieht dann in etwa so aus:

HTML:

[michael2105]

Das kannste doch problemlos mit 2 DIV-Containern lösen.

Mach einen DIV für BG 1 und richte den Hintergrund oben links aus. (Float:left )

Mach einen Wrapper-DIV (float:right) in dem der Content drin steckt. Wrapper-DIV ist um die Breite von BG2 breiter und bekommt den BG2 entsprechend ausgerichtet als Hintergrund. Content entsprechend schmäler und float left.

Kanns leider nicht jetzt programmieren - bin noch auf Arbeit.

Gruß
Michael

[Smooth-Graphics]

Ganz easy wäre es mit einem fließenden Layout: