Papyros bzw. old paper als Contenthintergrund

[blotz79]

Hallo,

ich möchte gerne als Content ein Papyros als Hintergrund haben, das sich dem Content anpasst, doch ich weiß noch nicht so richtig wie ich das umsetzen kann.

Das Problem ist, dass ein Papyros an den Seiten ja gewellt ist (zumindest wenn es realistisch aussehen soll). Wenn ich das Papyros also in drei Teile aufsplitte (oben, mitte, unten), dann würde es sich bei längerem Text nicht dem unteren Teil anpassen. Es würde also uneben auf den unteren Teil auftreffen, was total doof aussieht.

Ich habe zufällig eine Seite gefunden, bei der es ähnlich umgesetz ist, wie ich es haben möchte. https://www.2ksports.com/forums/

Ich wäre sehr dankbar für jegliche Hilfestellung und Ideen

Lg Björn

[RaphaelG]

Die auf der Website haben das in 3 Teile aufgesplittet: Oben, Mitte und Unten.

Die Mitte haben sie als Pattern gestaltet und es wiederholt sich in y-Richtung. Das Schwierige ist, dass du die Mitte des Papyrus ebenfalls so gestalten muss, dass es sich auf der y-Achse wiederholt.

Ist die einfachste Lösung (;

[my-webdesigner.com]

Ich denke das ist genau das Richtige für diesen Fall:
http://css-tricks.com/6883-understanding-border-image/

[blotz79]

@ RaphaelG: Hatte ich mir schon fast gedacht aber ist leider bei diesem image sehr schwierig...werds die Tage mal probieren

@ my-webdesigner.com: Wow, von der Funktion hatte ich noch nichts gehört...ich werds mal mit der 'round' option probieren, damit könnte es funktionieren, denn das war mein Problem. Schade ist nur, dass es nicht von allen Browsern unterstützt wird aber vielleicht kombinier ich ja beide Lösungen.

[RaphaelG]

border-image..mh..

Wenn du damit arbeitest, dann kannst du den IE gleich vergesse, der unterstützt das nämlich genau zu 0 %

Da wird dir nichts übrig bleiben als mit meiner Methode zu arbeiten^^