Hi,

ich grüble und recherchiere schon seit Stunden um ein kleines Problem zu beheben. Vllt. sind hier einige erfahrene Haudegen die mir weiterhelfen können

Ich habe eine Klassiche Seite mit Header-Content-Footer erstellt. Jeder Bereich hat ein background-image. Die Bilder sind so angelegt, dass die übergänge der einzelnen Bereiche unauffällig und flüssig sind. (Das Bild ist ein aus 3 Teilen bestehendes Pergamentpapier)

Im Contentbereich entsteht nun aber folgendes Problem:
Der Contentbereich soll sich ja je nach Inhalt dynamisch anpassen. D.h. auch das background-image muss die Eigenschaft repeat-y haben. Das Bild würde auch bei wiederholungen auf der y-Achse unauffällig bleiben und sich selbst schön fortsetzen. Nur der Inhalt richtet sich ja nicht genau nach der Bildgröße des BG-Images. So kommt es zu abgeschnittenen Bildteilen, bei denen der Übergang zum Footer nicht mehr passt.

Mann müsste also (laut meinen Lösungsansätzen) background-size irgendwie mit repeat-y verknüpfen oder den Content-Container sich in festen Schritten vergrößern lassen (Schritte so hoch wie das BG-Bild halt ist). Habe beides bisher nicht hinbekommen


Freue mich schon auf Ideen



Greetz Dull

Das geht auch nicht. Passe das Hintergrundbild an oder wähle ein anderes mit dem es sich umsetzen lässt.

__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.

Mir fällt da nur das hier ein:
http://css-tricks.com/perfect-full-p...kground-image/
Ansonsten ein Bild was am unteren Rand transparent oder eine einzelne Farbe besitzt und den background-color diese Farbe zuweisen.