Hallo zusammen,

ich habe einen Hintergrund in einer Box, der perfekt zusammenpasst, wenn er nach unten hin aneinandergesetzt wird. Nun habe ich aber das Problem, dass die Box immer so groß ist, wie der Inhalt. Es soll aber immer noch die letzte Wiederholung des Hintergrundes vollständig angezeigt werden.

Gibt es dafür eine Lösung, habe leider noch nichts dazu gefunden?

Wie soll das denn gehen?

Nehmen wir an dein Hintergrund ist 100 Pixel hoch und die Box ist 150 Pixel hoch, dann kann nur 1,5 mal der Hintergrund angezeigt werden, egal ob er nun oben oder unten beginnt.

Verstehst du jetzt warum du keine Lösung finden wirst?

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

Hi explanator,

in diesem Fall sollte der Hintergrund dann 2x angezeigt werden, die Box ist also dann 200px hoch.

Ich dachte es gäbe so was wie:
background-repeat: repeat-y full

oder sowas in der Art. Der Background dehnt also auch die Box aus.

Da es sowas nicht gibt, gibts vielleicht ja einen Trick um das so hinzubekommen...

Hallöchen,

ohne JavaScript wirst du da keine Lösung finden. Du musst dich natürlich auch mal fragen, ob die Anforderung wirklich sinnvoll ist.

Viele Grüße,
lotti

__________________
Empfehlenswerte Links:
jsFiddle | JavaScript Patterns | RedBeanPHP | Mozilla Developer Network -/- W3C Validator | JSLint